JQuery EasyUI 載入兩次url的原因分析及解決方案，jqueryeasyui

JQuery EasyUI 載入兩次url的原因分析及解決方案，jqueryeasyui

1、傳統方式

<span style="font-size:18px;">$(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></span>

2、原因分析及解決方案

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

<span style="font-size:18px;"><table id="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'" rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> <thead> <tr> </tr> </thead> </table></span>

Jquery EasyUI 怎在初始化的時不自動載入資料，而在我點擊查詢的時載入資料

這個載入資料是JS 控制的 ，ready函數會在頁面載入完成後自動執行 載入資料
看看你的JS代碼 全部的JS注釋掉

或者改成 function query (){
$.doSerch("","");//自行補充，你代碼中的一部分

}

最後你的查詢按鈕調用這個function 就行了
 
jquery easyui datagrid 有幾種載入資料方式

easyui datagrid載入資料只有兩種方式：
一種是ajax載入目標url返回的json資料；
另一種是載入js對象，也就是使用loadDate方法。

--------------------------------------------------------------------------------------------