EasyUI 学习笔记

EasyUI常见错误

1 . 无论是用HMTL形式实现组件还是使用代码 + HTML 形式实现组件 , 在为组件设置属性时 , 要注意属性值的类型问题

string:必须加引号

number:不加任何单位,不加引号

boolean:不加引号

代码+HTML形式实现组件 , 最后的属性之后没有事件 , 最后的属性之后不要加逗号

例如:

$(“#rr”).cmpName({k1:v1,k2:v2}) v2之后不可以有逗号

2 . 在调用组件提供的方法时 , 注意调用方法的格式问题

$(“#rr”).cmpName(“方法名”);

3 . 在用 datagrid 展示数据时 , 注意绑定的 JSON 格式的数据必须符合争取的格式

{

“total”:300,

“rows”:[

{stuNum:001,stuName:’tome’,stuSex:’男’,stuAge:18},

{stuNum:002,stuName:’smith’,stuSex:’女’,stuAge:19},

{stuNum:003,stuName:’jack’,stuSex:’男’,stuAge:20},

{stuNum:004,stuName:’lucy’,stuSex:’女’,stuAge:18},

]

}

4 . 在 JS 代码中,要保证使用正确的 JSON 格式形式的数据

属性名必须用双引号括起来,不要用单引号 , 也不要不括 , 否则在调用 JQuery 形式的方法 $.parseJSON() 时将一个 JSON 格式的字符串转换为

JS 的对象时会报错

正确的格式为: {“kname”:v1,”kname2”:v2}

三种弹框：alert， confirm， prompt ，JEasyUI都对其进行了封装，放在messager组件中。

1 . alert有三个参数：第一个是弹框的标题，第二个是弹框的详细内容信息，第三个是弹框显示的图标信息（有这几种可填写：info，error，question，warning）

$.messager.alert(“标题信息”,”信息内容”,”error”)

2 . confirm也有三个参数：前两个和alert一样，第三个是回调函数，参数data是true/false( 用户点击确定或者取消 )

$.messsager.confirm(“标题信息”,”内容信息”,function(data){  })

3 . prompt也有三个参数：和confirm的参数一样， 唯一不同的是 data 代表的是用户的输入信息

$.messager.prompt(“标题信息”,”内容信息”,function(data){  })

panel组件的自适应属性：

具有data-options=”fit:true”属性的元素（class包含panel属性值），会自动填充满父容器。