EasyUI一些经验（一）

最近写了一个页面，有点复杂，本来打算把碰到的各个问题都写成单独的心得，但是转念一想，貌似这些问题都只是现阶段自己不熟练技术才有的事。倘若总结出来的东西都是些对自己意义不大的东西，那我还不如管理好精力，去做更多有意义的事情。所以此篇文章只是该页面中的一些小的经验积累。

1、        josn 本地存储以及 combox Autocomplete

页面当中将某指定的json数据进行本地加载，适用于数据量不大的情况。

以及使用easyUIcombox的filter属性做到自动完成的功能。

代码如下：

$.getJSON('zdunitcode!select.action',function(json){
      $('#inputautocomplete').combobox({
           data:json,
           valueField:'name',
           textField:'name',
           filter:function(q,row){
           varsearchcode=q.toUpperCase();
           //拼音码与汉字模糊匹配
           return(row.py_code.indexOf(searchcode)>-1)||(row.name.indexOf(searchcode)>-1);
           }
      });
});

2、        easyUIdatagrid加载数据总行数

当需要用到datagrid数据总行数时，方法有很多，例如：

$('#tbatch').datagrid('getData').total
//或者
$('#resulttable').datagrid('getPager').data("pagination").options
.total

等等

主要是看哪一种能取到预期的结果，就用哪一种。

3、        easyUIdatagrid editor: beginEdit与endEdit

easyUIdatagrid的editor属性同样可以让datagrid实现输入的功能，但是editor有些特殊。对需要指定编辑的表/行/单元格，必须'beginEdit'，才能开始编辑。编辑结束后必须'endEdit'，该指定编辑的表/行/单元格的Value才改变。以行为例：

$("#tbatch").datagrid('beginEdit',i);
$("#tbatch").datagrid('endEdit',i);
 

4、        JS的变量作用域与调用

(⊙o⊙)…，这个要是深入能谈很多，写在这里只是提醒，注意变量作用域。因为在调用的时候，对于全局变量，它在被某一方法所使用时有可能被其他方法更改过，所以我建议但全局变量只是起一个传值作用时，要注意方法调用时该全局变量的初始化。

5、        Formatter 属性

easyuidatagrid表格组件列属性formatter，用来指明格式化函数。

例如：

<th field="costemp" align="right" width="90px"formatter="formatNumber"> </th>
<script type="text/javascript">
functionformatNumber(value,row) {
            if (row != null) {
                return(parseFloat(value).toFixed(2) + '').replace(/d{1,3}(?=(d{3})+(.d*)?$)/g,'$&,');
          }
}
</script>

最后总结：主要还是对easyui 的各个对象的方法与属性不熟悉。多读API吧。