首页 > 代码库 > easyui datagrid 加载两次请求,触发两次ajax 请求 问题
easyui datagrid 加载两次请求,触发两次ajax 请求 问题
datagrid初始化的时候请求两次URL
两种情况
1.
<table id="gridview" class="easyui-datagrid"></table>
$(function(){ $("#gridview").datagrid({ url:"getData.do", title:"列表", singleSelect:false, pagination:true, toolbar:"#toolbar", method:"get", columns:[[ {field:"ck",checkbox:true }, {field:"id",title:"ID",width:20,sortable:true }, {field:"kindName",title:"名称",width:100,resizable:true,sortable:true}, {field:"createDate",title:"创建日期",width:80,resizable:true,sortable:true} ]] }); })
由于在grid的table中写了class="easyui-datagrid",另外在初始化的js中有了URL这样就会请求两次getData.do了,将class="easyui-datagrid"去掉即可。
第二种情况 :
初始化一个表格
$(function(){
$(‘.SFC7450_main_table1‘).datagrid({ url:‘table.json‘,//加载本地json rownumbers:true,//序号是否显示 pagination:true, //是否添加页签 pagePosition:‘bottom‘, //页面的位置 method:‘get‘,//获取类型 singleSelect:true,//是否单选 fitColumns:false,//单元格是否自适应填满表格宽度 columns:[SFC7450_table[0]] });
});
使用下面方式为表格赋值
$(‘.SFC7450_main_table1‘).datagrid({ url:‘/sfc/a.do‘,//加载本地json rownumbers:true,//序号是否显示 pagination:true, //是否添加页签 pagePosition:‘bottom‘, //页面的位置 method:‘get‘,//获取类型 singleSelect:true,//是否单选 fitColumns:false,//单元格是否自适应填满表格宽度 columns:[SFC7450_table[0]] });
这时候会出现一个奇怪的现象: js调试观察network 会看到 请求了 sfc/a.do .. 请求完成后又请求了一次 table.json ... 解决:可以在初始化的时候不要请求url,而是使用data 赋一个空数组 (我们为什么要初始化一个空的表格,是为了页面在初始的时候展现好看)
//空白JOSN 5行 var KongJson5=[ {"":"","":"","":"","":"","":"", "":"","":"","":"","":"","":""}, {"":"","":"","":"","":"","":"", "":"","":"","":"","":"","":""}, {"":"","":"","":"","":"","":"", "":"","":"","":"","":"","":""}, {"":"","":"","":"","":"","":"", "":"","":"","":"","":"","":""}, {"":"","":"","":"","":"","":"", "":"","":"","":"","":"","":""} ]
改成下面即可 $(‘.SFC7450_main_table1‘).datagrid({
data:KongJson5,//加载本地json
rownumbers:true,//序号是否显示 pagination:true, //是否添加页签 pagePosition:‘bottom‘, //页面的位置 method:‘get‘,//获取类型 singleSelect:true,//是否单选 fitColumns:false,//单元格是否自适应填满表格宽度 columns:[SFC7450_table[0]] });
<table id="gridview" class="easyui-datagrid"></table>
easyui datagrid 加载两次请求,触发两次ajax 请求 问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。