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. 10个顶级的CSS UI开源框架

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...

  2. 常用COBOL函数

    本文来自(http://refer.it-manual.com/cobol.html) COBOL関数(JIS-COBOL規格標準)の一覧表を掲載しています. COBOL関数一覧表は.各項目での並べ替 ...

  3. 什么是JVM?

    什么是JVM? JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能来实现的 ...

  4. 在php中防止SQL注入的方法

    摘要:我们php手手工安装的,php的默认配置文件在 /usr/local/apache2/conf/php.ini,我们最主要就是要配置php.ini中的内容,让我们执行 php能够更安全.整个PH ...

  5. Chrome浏览器官方下载地址

    Chrome浏览器离线安装包官方下载地址,和在线安装一样能自动更新. 正式版 http://www.google.com/chrome/eula.html?hl=zh-CN&standalon ...

  6. nagios二次开发(五)---nagios和nagiosql的关系

    根据对nagios和nagiosql的了解,笔者简要的将二者的关系粗略的梳理了一下,具体情况如下图所示: 从上面的关系图中可以看出,nagios与nagiosql共享了主机.主机组.服务.服务组等.c ...

  7. VFP正则表达式判断是否是手机号码/电子邮件

    正则表达式,可以理解为字符匹配或搜索技术 ,重要的是Pattern属性的写法. *--判断是否是手机号码Function isMobiPhoneLparameters cStroRegExp=Newo ...

  8. win7 双屏双任务栏

    扩展屏幕下都显示任务栏!!! 第一步:Dual Monitor Taskbar 下载 下载链接:链接: http://pan.baidu.com/s/1pKxYUFL 密码: gu5c 第二步:安装完 ...

  9. c++接口实现与分离(转载)

    原文地址:http://www.360doc.com/content/13/0218/10/8363527_266294787.shtml 良好的设计应该只暴露接口给用户,所有的实现细节对用户来说应该 ...

  10. [转载] Android随笔之——PackageManager详解

    本文转载自: http://www.cnblogs.com/travellife/p/3932823.html 参考:http://www.cnblogs.com/xingfuzzhd/p/33745 ...