jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
更新时间：2010年10月22日 14:50:20 作者：
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法，使用jqgrid的朋友可以参考下。
一般的，一个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 }
});
这样就可以动态的显示表格的数据了。
复制代码 代码如下:
$("#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 }
});
这样就可以动态的显示表格的数据了。
相关文章
JSON 可通过 JavaScript 进行解析，JSON 数据可使用 AJAX 进行传输，这篇文章主要介绍了通过jsonp获取json数据（实现AJAX跨域请求），有兴趣的可以了解一下。2017-01-01
这篇文章主要为大家详细介绍了jquery购物车结算功能的实现方法,购买多个商品进行统一结算，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
此文将实现一个的jQuery表格插件jQuery.DataGrid。需要的朋友可以参考下。2010-07-07
jQuery实现点击下拉框输入框时，自动显示下面的下拉列表，而且是根据输入框中输入的搜索添加，自动在后台查找，然后传到前台，展现页面2013-10-10
终于实现精彩的jquery弹幕效果了，这篇文章就为大家详细介绍了jquery弹幕效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
有时候为了更好的用户体验，使用jquery的朋友可以参考下代码。2011-09-09
本文主要介绍了jQuery实现拖动剪裁图片作为头像的具体实例方法，具有很好的参考价值，下面跟着小编一起来看下吧2016-12-12
这篇文章主要介绍了jQuery实现的简单拖拽功能,结合实例形式分析了jQuery鼠标事件响应及页面元素动态修改相关技巧,需要的朋友可以参考下2016-09-09
最近在做一个网站，遇到需要给网站内所有的文章加关键字链接的问题，我们在浏览一些网站的文章的时候，会发现文章里面的某些关键字是加了链接的，并且高亮显示。2010-10-10
Timer是比较常用的工具类，用于按时间计划执行任务。这篇文章给大家介绍java中的timer的用法详解，涉及到java timer相关知识学习，对本文感兴趣的朋友可以参考下本篇文章2015-10-10
最新评论