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 相关文章推荐
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
jquery随意添加移除html的实现代码
Jun 21 Javascript
子窗体与父窗体传值示例js代码
Aug 01 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
Javascript模块化编程详解
Dec 01 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
vue实现学生信息管理系统
May 30 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
为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函数
2006/10/09 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
获取URL文件名后缀
2013/10/24 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
2015/06/10 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
微信小程序视图template模板引用的实例详解
2017/09/20 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
html5唤起app的方法
2017/11/30 HTML / CSS
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
会计应聘求职信范文
2013/12/17 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫
Go语言编译原理之源码调试
2022/08/05 Golang