博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Webix合集
阅读量:7013 次
发布时间:2019-06-28

本文共 2437 字,大约阅读时间需要 8 分钟。

hot3.png

type类型有:"line" (default), "head", "space", "wide" and "clean" (borderless)

{view:"label", label:"Layout"}{view:"text", name:"url", label:"URL"},{view:"textarea", name:"json", label:"JSON"},{view:"button", label:"Submit", type:"form", click:"save_form", inputWidth: 200 },{view: "list",{view:"form",

===============================================================

rules验证:

webix.rules.isNotEmptywebix.rules.isNumberwebix.rules.isEmailwebix.rules.isChecked

===============================================================

将说明写在输入框上面(默认是在左边)

elementsConfig: {   labelPosition: "top"},{ view:"counter", width:100,  label:"Count", labelPosition:"top" },{ view:"text", label:"Name", labelPosition:"top" },

placeholder 为隐藏说明

{ view:"text", name:"commno", label:"通讯号码", placeholder: "长度为12位"},

142731_tAdQ_559291.png

===============================================================

var color_options = [		{id:1, value:"red"},		{id:2, value:"blue"},		{id:3, value:"green"},		{id:4, value:"orange"},		{id:5, value:"grey"},		{id:6, value:"yellow"}	];{ label:"Color", view:"combo", options:color_options, name:"style.color"}

142837_e3R1_559291.png

===============================================================

webix.message({ type:"error", text:"Subform data is invalid" });

143003_NHiw_559291.png

===============================================================

{ cols:[		{ header:"列表", width:250, body:				{view: "list",				 template:"#title#",				 select: true,				 data: requestList, 				 select:"row", navigation:true, ready:function(){								  	this.select(this.getFirstId());							  }							}				},									{ view:"resizer"},				{id:"g_mn", template:"html->g_mn"},	]}

效果:自动选中第一行

143124_6KHS_559291.png

===============================================================

{rows:[	   { view:"text", value:'http://127.0.0.1:8080', label:"URL" },	   { view:"text", value:'', label:"JSON" },	   { template:"Row2"}	]},

143243_HYXG_559291.png

===============================================================

按钮回车事件

{ view:"button", label:"Login" , type:"form", click: doOnClick, hotkey: "enter" },function doOnClick(){		webix.alert("Login button clicked!")	}

===============================================================

设置JSON格式化

$$("left").setHTML("
"+ JSON.stringify( $$("sets").getValues() , null, "\t") + "
");

===============================================================

字段隐藏

{ view:"text", id:"sub1", label:"City", hidden:true }

===============================================================

绝对定位

    

 

转载于:https://my.oschina.net/yunnet/blog/872975

你可能感兴趣的文章
jsp ${param.id}用法
查看>>
(转)c#.net常用字符串函数
查看>>
JSTL、EL、ONGL、Struts标签的区别与使用
查看>>
Xamarin提示Build-tools版本过老
查看>>
Android库分析工具(崩溃反编译)
查看>>
otl翻译(11) -- OTL的迭代器
查看>>
POJ 2184 Cow Exhibition 01背包
查看>>
51术语详解
查看>>
[linux]scp指令
查看>>
深入理解CSS定位中的堆叠z-index
查看>>
自从升级到macOS后,整个人都不好了
查看>>
linux网卡掉包或挂掉解决办法
查看>>
border-style 属性
查看>>
如何用 Uber JVM Profiler 等可视化工具监控 Spark 应用程序?
查看>>
拒绝旧国标劣质排插,新国标插线板首选品胜
查看>>
新疆国省干线总里程突破2.9万公里
查看>>
国产智轨电车开进“冰城”接受严寒测试 表现良好
查看>>
缓解“钱紧” 央行本周公开市场净投放创两年新高
查看>>
21岁大专学历,刚培训完前端,不造假简历,能找到工作吗?
查看>>
国内首部区块链行业纪录片开播
查看>>