本文探讨了EasyUI框架中组件异步加载时出现的URL重复加载问题，并提供了具体的代码实例进行说明。通过分析问题产生的原因，明确了重复加载是由JS初始化代码与HTML中class属性的双重定义引起的。最后给出了避免该问题的有效解决方案。
最近项目调试的时候在firebug中发现EasyUI的组件异步加载时总是加载两次url属性的问题，代码如下：
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" class="easyui-combobox" type="text" name="comb" />
从以上的代码可以看到页面初始化的时候加载一次combobox组件的url，
html代码中也利用class声明了一次combobox，这样就导致，easyUI解析html代码的时候先解析class声明中的combobox组件请求了一次url然后又调用了js中初始化的代码初始化一次数据，导致重复加载，避免的方法就是只用一种初始化方法来声明easyUI组件，避免重复的提交请求
修改后的代码如下：
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" type="text" name="comb" />
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" class="easyui-combobox" type="text" name="comb" />
从以上的代码可以看到页面初始化的时候加载一次combobox组件的url，
html代码中也利用class声明了一次combobox，这样就导致，easyUI解析html代码的时候先解析class声明中的combobox组件请求了一次url然后又调用了js中初始化的代码初始化一次数据，导致重复加载，避免的方法就是只用一种初始化方法来声明easyUI组件，避免重复的提交请求
修改后的代码如下：
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" type="text" name="comb" />
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
