easyui datagrid 避免二次加载

首先是原理：

在使用easyui datagrid实现的数据表格中，有两种方式来注册datagrid组件，分别是class方式和javascript方式，

其中class方式为在table标签上添加class="easyui-datagrid"，例如：

<table id="dg"  title="" class="easyui-datagrid"></table>

javascript方式为：

$('#dg').datagrid({ //这里面填写初始化datagrid的参数 });

这两种注册方式不能并存，否则将引起二次加载。

在javascript注册方式中设置url将会自动触发查询，但使用这种方式来实现查询功能是不可取的，因为这样会使得datagrid每次查询都要重新渲染一次。

正确是思路是：在页面上仅注册一次datagrid（如果不需要进入页面直接查询的话，则不要设置url），然后在查询时通过获取datagrid的options来设置url，再用load或者reload方法进行查询，例子如下：

$(function(){  
    initDg();  
});  
function queryData() {    
	var opts=$("#dg").datagrid("options");  
    if(null==opts.url||""==opts.url){  
        opts.url="xxx.action";  
    }  
    $("#dg").datagrid("reload");  
}  
function initDg(){ 
    $('#dg').datagrid({
    	url:s_url,//需要立即查询时开启url  
    	pageNumber:1,  
    	queryParams : $('#form').serializeObject()
    });  
}  

补充：使用reload进行重载，有可能存在分页数字显示错误的问题(比如我选择第三页，然后输入查询条件进行查询，查询后的结果显示正常，但分页参数会留在第三页)，

使用load进行重载则没有这个问题