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 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
javascript 写类方式之五
Jul 05 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
JS 验证码功能的三种实现方式
Nov 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树的代码,可以嵌套任意层
2006/10/09 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
php删除数组元素示例分享
2014/02/17 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
ES6 系列之 WeakMap的使用示例
2018/08/06 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
python 判断自定义对象类型
2009/03/21 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
Python字典的核心底层原理讲解
2019/01/24 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python3中sys.argv的实例用法
2020/04/24 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
机电一体化大学生求职信
2013/11/08 职场文书
平民服装店创业计划书
2014/01/17 职场文书
旷课检讨书大全
2014/01/21 职场文书
法制宣传标语
2014/06/23 职场文书
新兵入伍心得体会
2014/09/04 职场文书
购房委托书范本
2014/09/18 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python