解決JQuery EasyUI 加載兩次url的問題

1、傳統方式

 $(function () {
            var url = "../Source/Query/jhDataQry.ashx?action=query";
            $(dg).datagrid({
                url: url,
                queryParams: {
                    qsrq: qsrq,
                    zzrq: zzrq
                }
            });
        })

 <table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true" 
          data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}" 
          rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx">  
        <thead>  
            <tr>
            </tr>  
        </thead>  
    </table>  

2、原因分析及解決方案

html代碼中利用class聲明了datagrid，導致easyUI解析class代碼的時候先解析class聲明中的datagrid，這樣組件就請求了一次url；然后又調用js初始化代碼請求一次url。這樣導致了重復加載，解決的方法就是只用一種初始化方法來聲明easyUI組件以避免重復的提交請求，即刪除html中的class聲明(class="easyui-datagrid")，修改后的代碼如下：

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