JQuery EasyUI 加载两次url的原因分析及解决方案__class_url_datagrid_easyUI_解决方_

当前位置: 编程技术>WEB前端

JQuery EasyUI 加载两次url的原因分析及解决方案

来源: 互联网发布时间：2014-08-25

本文导语: 1、传统方式 $(function () { var url = "../Source/Query/jhDataQry.ashx?action=query"; $(dg).datagrid({ url: url, queryParams: { qsrq: qsrq, zzrq: zzrq } }); }) 2、原因分析及解决方案 html代码中利用class声明了datagrid，导致easyUI解...

1、传统方式

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

2、原因分析及解决方案

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