JQuery EasyUI에서 URL을 로드하는 이유 분석 및 해결 방법 두번_jquery

1. 전통적인 방식

<span style="font-size:18px;">$(function () { 
var url = "../Source/Query/jhDataQry.ashx&#63;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 코드의 클래스를 사용하여 선언됩니다. easyUI가 클래스 코드를 구문 분석할 때 먼저 클래스 선언에서 데이터 그리드를 구문 분석하여 구성 요소가 URL을 요청한 다음 js 초기화 코드를 호출하여 URL을 요청합니다. . 이로 인해 반복 로드가 발생합니다. 해결 방법은 반복 제출 요청을 피하기 위해 easyUI 구성 요소를 선언하는 데 하나의 초기화 방법만 사용하는 것입니다. 즉, html에서 클래스 선언(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>