easyui 重复提交url

就我所知，原因有二：

一：重复初始化

1、传统方式

查看文本打印

1.  1  $(function () {  
2.  2             var url = "../Source/Query/jhDataQry.ashx?action=query";  
3.  3             $(dg).datagrid({  
4.  4                 url: url,  
5.  5                 queryParams: {  
6.  6                     qsrq: qsrq,  
7.  7                     zzrq: zzrq  
8.  8                 }  
9.  9             });  
10. 10         })  
11. 11   
12. 12  <table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true"   
13. 13           data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}"   
14. 14           rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx">    
15. 15         <thead>    
16. 16             <tr>  
17. 17             </tr>    
18. 18         </thead>    
19. 19     </table>    

2、原因分析及解决方案

html代码中利用class声明了datagrid，导致easyUI解析class代码的时候先解析class声明中的datagrid，这样组件就请求了一次url；然后又调用js初始化代码请求一次url。这样导致了重复加载，解决的方法就是只用一种初始化方法来声明easyUI组件以避免重复的提交请求，即删除html中的class声明(class="easyui-datagrid")，修改后的代码如下：

查看文本打印

1. 1 <table id="DataGrid"  fit="true" border="false" toolbar="#TBar" pagination="true"   
2. 2 13           data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh'"   
3. 3 14           rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx">    
4. 4 15         <thead>    
5. 5 16             <tr>  
6. 6 17             </tr>    
7. 7 18         </thead>    
8. 8 19     </table>    

二：分页出错

 因为碰见一个非常奇怪的问题，一个页面的datagrid正常，另一个页面的datagrid两次调用action代码，比较两个页面datagrid的使用方法，并没有不同。后经仔细debug，发现问题所在：bug出在分页上。

      因为两个页面的datagrid都有分页，所以在action中生成一个page对象，page对象中total由dao组件设置，正常的页面page设置正确，另一个页面page中的total变成了0，因为total＝页大小*（页数－1）＋最后也记录数，我估计因为此导致表格判断分页设置变化了，再一次提交表格刷新数据。