webix

webix-jet微引擎配置问题解决

由 为君一笑 提交于 2020-10-22 10:20:48
默认安装webix-jet微引擎后出现问题： ①只能在本地使用localhost 或 127.0.0.1访问； ②解决①后使用域名访问出现 Invalid Host header ③项目启动后，使用console观看前端一直发送 http://localhost:8080/sockjs-node/info?t=XXX 解决方法： 第一个问题： 修改：node_modules/webpack-dev-server/lib/Server.js 第777行，原来为： return this.listeningApp.listen(port, hostname, (err) => { 修改为：return this.listeningApp.listen(port, (err) => { //去掉hostname： 774 listen(port, hostname, fn) { 775 this.hostname = hostname; 776 777 return this.listeningApp.listen(port, (err) => { 778 this.createSocketServer(); 779 780 if (this.options.bonjour) { 781 runBonjour(this.options); 782 } 第二个问题：

Custom filter for combo

由 安稳与你 提交于 2020-01-04 04:13:05
问题 I'm using Webix UI It allows to define the combo control like next webix.ui({ view:"combo", options:["One", "Two", "Three"] }); It works fine, except of one moment. By default combo filters data by stat of text ( after typing "o", combo list will show only "One" option). How I need to change the above code to use full text filtering ( typing "o" must whow both "One" and "Two" options, as both of them contains the letter "o" ) 回答1: You can define a custom filtering method as part of options

StringResult+format doesn't seem to work in Webix datepicker

由 拥有回忆 提交于 2019-12-25 07:27:48
问题 I expect that stringResult will give me an output that corresponds to the specified format , but it always looks like YYYY-MM-DD HH:MM Full code here. For example, I've tried the following config: { view:"datepicker", stringResult:true, format:"%Y-%F-%d" }, But the output is still the same. So, is it a bug? Or am I doing something wrong? Thank you in advance! 回答1: [Updated] As mentioned by Loj, I agree with it. Thus, there are 2 solutions possible: 1. Custom Format The format property you

masterCheckbox in a datatable

由 妖精的绣舞 提交于 2019-12-24 02:05:46
问题 I'm trying to add a masterCheckbox to the webix datatable items. For now, I got the following behavior: when I click on the master checkbox, the values rewrite to 1 or 0 { id:"title", checkValue:"on", uncheckValue:"off", template:"{common.checkbox()} #title#", header:["Title", {content:"masterCheckbox", contentId:"checkAll"}], fillspace:true } http://webix.com/snippet/26750201 Aby idea what I'm doing wrong? 回答1: The only example with the masterCheckbox I found is this sample. Seems like the

Webix学习笔记-创建一个基本应用程序-01-设置组件

由 杀马特。学长 韩版系。学妹 提交于 2019-12-20 22:37:50
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 这里我们创建一个简单的电影布局，在电影的列表中，我们可以添加元素。 布局内容如下 一个电影列表 一个用来添加电影信息的表单 一个操作增加删除的工具栏 下面就开始这个页面布局 第一步：入门 在script中建立一个空白的页面，代码如下 <!-- lang: html --> <script type="text/javascript" charset="utf-8"> webix.ui({ }); </script> 如果需要确保页面加载完成之后再加载webix的内容，也可以使用webix的ready方法 <!-- lang: html --> <script type="text/javascript" charset="utf-8"> webix.ready(function(){ webix.ui({ ...... }); }); </script> 第二步：编辑行 把整个页面分成上下两行，上面的行放置操作按钮，下面的行放置内容。设置页面的宽度为500px，代码如下 <!-- lang: html --> webix.ui({ width:500, rows: [ { template:"Row 1" }, //1st row { template:"Row 2" } //2nd row ] });

Webix学习笔记-表格应用-01-Loading

由 与世无争的帅哥 提交于 2019-12-20 22:37:36
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 只要是企业级的应用，基本上逃不过Table的应用，大量的表格用来显示、操作数据变成了一种魔咒。估计罪魁祸首还是Microsoft Excel，不管是手工电子表格、C/S架构的应用软件还是B/S架构的应用软件，都恨不得全跟Excel一样，想怎么拖就怎么拖，想怎么写就怎么写，想怎么算就怎么算，想怎么导就怎么导。自从Google弄了个在线电子表格后，Web版的Table也越来越强大。似乎一个页面框架套件中没有Table或者Table不够灵活都会影响到框架的推广。Webix也不例外，所以，不想学也得学了，不过幸亏Webix的Table入门很容易，至于后面会怎么样，我也不知道啊。 先入个门，把后台数据库中的数据使用Table加载到页面中。后台建立一个闭包，将数据库中的数据生成Json格式，Webix对Json支持非常好，而Grails也是对Json支持非常好，这两个东西用Json做数据交换确实是一件很愉快的事情 第一步：在后台服务器端建立一个getMovWithJson闭包 <!-- lang: groovy --> def getMovWithJson = { if(!Mov.list()) { new Mov(title:'The Shawshank Redemption',year:'1994').save()

Webix学习笔记-创建一个基本应用程序-00-简介

由 走远了吗. 提交于 2019-12-20 22:37:21
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在开始学习Webix之前，没有什么比使用一个实例更容易理解一个框架的用法。 下面的步骤将引导我们开始使用Webix，Webix的开发不需要任何特殊的工具，使用一个带语法着色的文本即可。 引入库文件 创建一个带DOCTYPE HTML标签的标准html5页面 下载Webix，在页面中引入webix.css和webix.js两个文件，下面是一个标准模板 标准模板 <!-- lang: html --> <html> <head> <link rel="stylesheet" href="../../codebase/webix.css" type="text/css"> <script src="../../codebase/webix.js" type="text/javascript"></script> </head> <body> <script type="text/javascript" charset="utf-8"> ... // here your app will "take shelter" </script> </body> </html> 后面开始使用webix创建一个基本的应用 来源： oschina 链接： https://my.oschina.net/u/131450/blog

Webix学习

由 心不动则不痛 提交于 2019-12-20 22:09:10
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1、Webix-jet端口设置：/webix-jet/node_modules/webpack-dev-server/lib/utils/defaultPort.js 来源： oschina 链接： https://my.oschina.net/jsjapp/blog/3145514

Font Awesome icons for Webix tree nodes

由 主宰稳场 提交于 2019-12-06 04:07:25
问题 Webix integrates with Font Awesome. But how can Font Awesome icons be used instead of the default folder/file icons in trees to style individual nodes? Here's what I've tried: http://webix.com/snippet/52251623 template only works at the tree level $css keeps the existing folder/file icon there is no icon property documented for trees, yet setting one does something... it changes the folder icon into a file one, when the node has children. 回答1: For single tree it will be like next webix.ui({

webix .datatable 表格分页

由 假如想象 提交于 2019-11-28 04:55:41
grid表格返回参数大都是 以下这种格式（参数名可能不一样） { data:[{...},{...} ...], count:39 } 　 webix的参数格式为 { data：[{...},{...},{...}, ...], pos:8, //从第几行开始接下去，相当于【（page-1）*size】） total_count:35 //总共有多少条 } 　　 webix 分页我目前测出来的情况是返回 total_count 的值是多少 ，初始化的时候回一次查完出来 ，于是我返回的时候只返回 Math.min(page*size +1,count) +1的原因是为了显示下一页 效果如下 datatable的代码 define(function() { return { rows: [{ view: "toolbar", cols: [{ view: "button", label: "刷新", type: "iconButton", icon: "search", width: 80, on: { onItemClick: function() { } } }, { view: "button", id: "aa", label: "新增", type: "iconButton", icon: "plus", width: 80, on: { onItemClick:
订阅 webix