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 请求 问题的更多相关文章
- easyui datagrid加载数据的两种方式
1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id: ...
- 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中
背景: 昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失 ...
- Easyui datagrid加载数据时默认全选的问题
问题描述: 最近使用 Easyui datagrid 展示数据,之前一直使用很正常,今天出现了一个怪异问题 加载数据后,只要点击选中列 ck 的任意行或多行,再刷新时整个datagrid的所有数据都 ...
- easyui datagrid 加载静态文件中的json数据
本文主要介绍easyui datagrid 怎么加载静态文件里的json数据,开发环境vs2012, 一.json文件所处的位置 二.json文件内容 {"total":28,&q ...
- easyui datagrid加载数据的三种方式
1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id: ...
- easyui datagrid加载成功之后选定并获取首行数据
//加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').dat ...
- easyui datagrid 加载 历险记(dom中已经加载,fit:true 时改变浏览器大小是会显示出来)
(dom中已经加载,fit:true 时改变浏览器大小是会显示出来) 第一个想到的就是resize datagird 大小!可是没有用 ... 答案是加载的的div height为0导至的(//To ...
- easyui datagrid加载数据和分页
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding=& ...
- jquery easyui datagrid 加载保存好的自定义设置的列属性
直接附上源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...
随机推荐
- 仿微软控件的html元素
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> & ...
- 机器学习PR:k近邻法分类
k近邻法是一种基本分类与回归方法.本章只讨论k近邻分类,回归方法将在随后专题中进行. 它可以进行多类分类,分类时根据在样本集合中其k个最近邻点的类别,通过多数表决等方式进行预测,因此不具有显式的学习过 ...
- 为控件Button设置快捷键(组合键)
控件MenuStrip和ContextMenuStrip可通过ShortCcutKeys属性设置快捷键,而控件Button没有ShortcutKey属性,如何为控件Button设置快捷键呢(组合件键) ...
- hadoop-2.2.0 的编译安装及HA配置
一 准备工作 准备工作中要求有 1.centOs 6.4,添加hadoop用户,配置集群内的/etc/hosts文件. 2.安装hadoop用户的ssh,并打通集群内所有机器,(ha执行fencing ...
- 一个简单的零配置命令行HTTP服务器
http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs. 如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个. 安装 (全局安装加 -g) ...
- react-native 好多坑,记录下。
1 classpath 'com.android.tools.build:gradle:1.2.3' 2.adb reverse tcp:8081 tcp:8081 3.react-native ru ...
- XproerIM V2开源,基于XproerUI引擎构架
资源下载:XproerIM源代码(访问密码:2e47),imServer(访问密码 364c), 技术交流群:6259765 技术支持:3040217208 咨询邮箱:2190615607@qq.co ...
- linux Makefile obj-m obj-y
目标定义是Kbuild Makefile的主要部分,也是核心部分.主要是定义了要编 译的文件,所有的选项,以及到哪些子目录去执行递归操作. 最简单的Kbuild makefile 只包含一行: 例子: ...
- 正则表达式提取string 中的表名
简单版本: Regex reg = new Regex(@"(?i)\bfrom\b(?![^\[\]]*\])\s+(\[[^\[\]]+\]|\S+)"); MatchColl ...
- ubuntu 安装 git & smartgit
1. 安装 git # sudo apt-get update# sudo apt-get install git 2. 配置 # git config --global user.name &q ...