解决JQuery EasyUI 加载两次url的问题

资料来源：网络整理时间：2023/2/14 0:17:41 共计：3625 浏览

1、传统方式
$(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>

2、原因分析及解决方案

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：IIS监控--自动重启脚本工具 | ·下一条：Highcharts中文网