Analyse des raisons et solution pour JQuery EasyUI chargeant l'URL deux fois_jquery

1. Méthode traditionnelle

<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. Analyse des causes et solutions

La grille de données est déclarée en utilisant la classe dans le code html. Lorsque easyUI analyse le code de la classe, il analyse d'abord la grille de données dans la déclaration de classe, de sorte que le composant demande une URL, puis appelle le code d'initialisation js pour demander une URL ; . Cela conduit à des chargements répétés. La solution consiste à utiliser une seule méthode d'initialisation pour déclarer le composant easyUI afin d'éviter les demandes de soumission répétées, c'est-à-dire supprimer la déclaration de classe (class="easyui-datagrid") dans le code HTML. comme suit :

<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>