jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
来源:互联网 发布:八爪鱼软件下载 编辑:程序博客网 时间:2024/05/29 17:40
一般的,一个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 }
});
这样就可以动态的显示表格的数据了。
0 0
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- jquery下 动态显示jqGrid 以及jqGrid的属性设置容易出现的问题
- 使用JqGrid列表数据分组显示问题的解决方法
- jQuery学习笔记--jqGrid的属性列表
- jqGrid的属性列表
- jqGrid的属性列表
- jqGrid的rownum属性
- jqgrid的奇怪问题
- JQuery的jqGrid的重载
- jqGrid的ColModel属性说明
- jqgrid ColModel的fixed属性
- 使用jquery 给table绑定jqgrid 出现的bug
- JQuery jqGrid控件的一些属性及方法
- jqGrid动态隐藏列显示列以及设置显示相对宽度
- jqGrid框架中如何设置动态展示自定义的列
- 怎么把jqgrid显示的字段设置成超连接
- 【JqGrid】jqGrid动态填充select下拉框的选项值
- jqGrid的客户端排序问题
- OSX 安装brew
- 24点 - DFS
- LeetCode之Stack题目汇总
- HDOJ 1008-Elevator【数学】
- eclipse创建父子工程
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- 关于海康相机ip地址无法更改问题
- Best Practices for Writing Dockerfiles
- 绝对详细!Nginx基本配置、性能优化指南
- IOS学习笔记——iOS组件之UIScrollView详解
- Android Studio 导入module
- zzulioj--1719--小胖的疑惑(整数划分+dp打表)
- Android DialogFragment 从下往上进入、从上往下退出实现
- Create a Base Image