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 请求 问题的更多相关文章

  1. easyui datagrid加载数据的两种方式

    1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id: ...

  2. 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中

    背景:   昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失 ...

  3. Easyui datagrid加载数据时默认全选的问题

    问题描述: 最近使用 Easyui datagrid 展示数据,之前一直使用很正常,今天出现了一个怪异问题 加载数据后,只要点击选中列 ck 的任意行或多行,再刷新时整个datagrid的所有数据都 ...

  4. easyui datagrid 加载静态文件中的json数据

    本文主要介绍easyui datagrid 怎么加载静态文件里的json数据,开发环境vs2012, 一.json文件所处的位置 二.json文件内容 {"total":28,&q ...

  5. easyui datagrid加载数据的三种方式

    1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id: ...

  6. easyui datagrid加载成功之后选定并获取首行数据

    //加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').dat ...

  7. easyui datagrid 加载 历险记(dom中已经加载,fit:true 时改变浏览器大小是会显示出来)

    (dom中已经加载,fit:true 时改变浏览器大小是会显示出来) 第一个想到的就是resize datagird  大小!可是没有用 ... 答案是加载的的div height为0导至的(//To ...

  8. easyui datagrid加载数据和分页

    <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding=& ...

  9. jquery easyui datagrid 加载保存好的自定义设置的列属性

    直接附上源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

随机推荐

  1. kettle定时任务_第三方合作方有订单自动发送邮件通知_20161214

    由于和第三方合作,需要知道第三方合作方有了订单后通知对方,如果每天查看数据太麻烦了,因此想到了用Kettle定时任务,先判断系统里有没有订单,如果有就执行查询调取订单数据并发送邮件作业,如果没有则不执 ...

  2. asp.net mvc return file result

    asp.net mvc返回文件: public ActionResult ExportReflection(string accessToken) { var reflections = GetCms ...

  3. 关于js调用外部部署的web api

    没想到多年之后我还得继续写这些东西.... 瀑布汗~ 最近不得不开始研究用web api MVC的项目中,在js文件里,实现点击一个按钮调用外部发布好的api,再从api把值回传给js页面,跳转. 经 ...

  4. 笔记19-徐 如何在超大型数据库上运行DBCC CHECKDB

    ) --以上方法TB级数据库的DBA可以考虑试试

  5. 只有一个radio的单选框如何在选中后取消选中

    <input type="radio" id="all" value="1" name="executeRadio" ...

  6. iOS 10开发NSAssert(断言)的使用

    断言(NSAssert)的使用 字数1055 阅读3270 评论3 喜欢30 NSAssert()是一个宏,用于开发阶段调试程序中的Bug,通过为NSAssert()传递条件表达式来断定是否属于Bug ...

  7. IDEA工具使用说明

    IDEA使用说明 1.安装 2.开始界面 1)create New Project (新建项目) 2)Import Project  (导入项目) 3)Open (打开已有的项目) 4)Check o ...

  8. thinkphp学习简易教程(一) thinkphp创建项目

    1.在本地服务器根目录下创建项目目录,如命名为app: 2.把thinkphp的压缩包解压到与项目同级目录下,如app是放在目录APP下面,即项目目录路径为'APP/app/',则thinkphp应解 ...

  9. jsp js action之间的传值

    1.struts2 action如何向JSP的JS函数传值 action中定义变量public class TestAction extends ActionSupport implements Se ...

  10. iframe高度调整

    //设置iframe高度 function setHeight(){ var originalHeight=$(window).height(); var headerHeight=$('.heade ...