jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法


Posted in Javascript onOctober 22, 2010

一般的,一个jqGrid的基本属性有一下几个常用的。

$("#id").jqGrid({ 
url: "", 
datatype: "local", 
postData: { strJson: Data }, 
mtype: "post", 
height: 45, 
width: 450, 
rowNum: rum, //每页的记录数 
pgtext: "第{0}页 共{1}页", 
pgbuttons: true, 
autoheight: true, 
rownumbers: false, // 是否显示行数 
pgbuttons: true, // 分页按钮是否显示 
pginput: true, // 是否允许输入分页页数 
scrollrows: false, // 是否显示行滚动条 
viewrecords: true, // 是否显示总记录数 
multiselect: true, // 是否显示复选框 
recordpos: "left", // 记录数显示位置 
sortorder: "asc", //排序方式 
pager: "#Pager" )}

在初始化的时候,若不想执行表格的初始化方法,则需要设置url为空,datatype设置为"local",否则会有js错误,导致页面上的button按钮不起作用。

如果需要在开始时候执行表格的初始化,则需要设置url的值,在.net mvc架构下,即“/controller/action/”这样的格式,第一个"/"是必须的,否则不能进入后台的action中,最后一个“/”好像不是必需的,一般都加上。在设置了url后,还要注意的问题就是datatype要与postData的数据类型相匹配,否则会有错误。例如datatype:"json",那么postData需要传的是json对象。

如果想动态的执行表格的初始化,那么刚开始可以不用设置url值,datatype设置为"local"(否则报错)。然后动态的触发jqGrid的初始化action。

比如,在一张表中双击后后触发,代码如下:

//双击行事件 
ondblClickRow: function () { 
courseData = JSON.stringify({ 
stuNum: studentNum, 
rowNum: rum, 
page: 1 
}); 
jQuery("#courseInfoGrid").jqGrid("setGridParam", { 
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //设置表格的url 
datatype: "json", //设置数据类型 
postData: { strJson: courseData } 
});

这样就可以动态的显示表格的数据了。

Javascript 相关文章推荐
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
运用js实现图层拖拽的功能
May 24 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
vue在线动态切换主题色方案
Mar 26 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 #Javascript
使用jQuery模板来展现json数据的代码
Oct 22 #Javascript
jQuery 表单验证扩展(四)
Oct 20 #Javascript
jQuery 表单验证扩展(三)
Oct 20 #Javascript
jQuery 表单验证扩展代码(二)
Oct 20 #Javascript
事件模型在各浏览器中存在差异
Oct 20 #Javascript
自写简单JS判断是否已经弹出页面
Oct 20 #Javascript
You might like
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
[IE&FireFox兼容]JS对select操作
2007/01/07 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
python自定义类并使用的方法
2015/05/07 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
python查看微信好友是否删除自己
2016/12/19 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python字典的遍历3种方法详解
2019/08/10 Python
Python一行代码解决矩阵旋转的问题
2019/11/30 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
pytorch中index_select()的用法详解
2021/01/06 Python
百思买美国官网:Best Buy
2016/07/28 全球购物
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
中英文自我评价语句
2013/12/20 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
高中军训感言1000字
2014/03/01 职场文书
优秀护士事迹材料
2014/12/25 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android