EasyUI 使用注意点

前段时间做一个系统的服务端管理系统，使用了一下EasyUI。以下是我在使用中觉得需要注意的地方或者一些EasyUI中一些特别点的用法。

总结如下，与大家分享下，希望对初学者能有些作用。

EasyUI 使用注意点：

1、使用href方式从外部引入，需将所有代码写在body标签中，可省略body标签之外的所有内容。可以通过函数来修改加载html解析的方式。、

在EasyUI中还有一个属性extractor，可以用来定义获取href数据的规则，这个没有使用过，不过个人感觉对于一些存在相似性界面比较多的系统可以使用这个来简化一些系统的设计。

2、函数调用方式：var pp = $('#tt').tabs('getSelected')。

这种调用方式确实是第一次使用到，也是一种思路，通过字符串取对象属性来调用方法，在一些特殊场合也可以简化操作，增强内聚。

3、href方式外部引入来渲染界面，其实是在主页面加载完成后，采用get方法来异步请求相应的页面，然后再进行渲染的。也就是说，引用的页面中的操作还是要写在引用页中，有它本身来处理。

4、grid formater 出现了不起作用的情况。原因如果前边已经使用过同名列就不可以了。

这里有个忽略的测试的问题，如果前便出现了，并且使用了formater，那么后边又使用到会出现什么结果？有兴趣的可以测试下。个人猜测是会跟着第一个的设置走。

5、datagrid的请求时返回的数据格式为：{total:12,rows:[{id:1,text:2},...]},文档中无说明。

6、datagrid使用分页时，会自动传两个参数：page:1 rows:30。

7、easyui控件使用后，取值就无法在使用jquery的那种取值方式了，只能采用easyui提供的方法来获取值。

当然，如果使用easyUI可以直接找到真实值的那个元素，然后取值也是可以的。这里的说法只是针对使用相同的id的来取值。

8、layout布局会充满浏览器以及iframe，即使用这种布局的父元素。

9、form 在使用load方法添加值时，必须要和form中的字段一致，不能有多余的字段，否则会报找不到相应的html元素的错误。

10、DataGrid列是一个数组对象，该元素也是一个数组对象。元素数组里面的元素是一个配置对象，它用来定义每一个列字段。

这种设置应该是为了适应树形表格。

11、combobox为多选赋值的方法：$('#Id').combobox('setValues','key1,key2,key3'.split(','))。

初次使用EasyUI，所总结出来的一些条目，有一些只是个人的看法，可能存在一些错误的想法，如果有不正确的请指正下，自己学习下，也以免对他人造成误解。在此提前谢谢各位了。

Author：月夜 @ LTGK
Time: 2015-08-26 周三