spring3 mvc + JqGrid 做个demo,遇到了这样的一个问题,如下:
TypeError: b is undefined
原因在于jqgrid中配置缺少内容,报错时候如下的配置。
$(function(){
jQuery("#list3").jqGrid({
url: contextPath + '/sys/user/list',
datatype: "json",
colNames:['user_id','user_name', 'password', 'description','employee_id','enabled_flag'],
colModel:[
{name:'user_id',index:'user_id', width:60, sorttype:"int"},
{name:'user_name',index:'user_name', width:90},
{name:'password',index:'password', width:100},
{name:'description',index:'description', width:80, align:"right"},
{name:'employee_id',index:'employee_id', width:80,align:"right",sorttype:"int"},
{name:'enabled_flag',index:'enabled_flag', width:150, sortable:false}
],
rowNum:10,
rowList:[10,20,50],
pager: '#pager3',
sortname: 'user_id',
viewrecords: true,
sortorder: "desc",
loadonce: true,
caption: "用户列表"
});
});
需要在配置信息中添加,如下:
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: false,
cell: "cell",
id: "user_id"
}
分享到:
相关推荐
jqgrid 使用: 数据加载 增加, 修改, 删除, 还原, 撤销等 逻辑上都做了很好的判断,希望能给你们带来帮助,以后也会持续更新jqgrid使用代码。
现在把找好的分页参数跟大家分享下
NULL 博文链接:https://tanlingcau.iteye.com/blog/779622
很好的第三方控件,就是开始不太好上手,希望大神多出些完整的实力和文档。官方网址:http://www.trirand.com。
JqGrid的基础,我这里就不做介绍了,不知道的可以去看看博客园或Google,最好去看文档。先看效果图: 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路:第一次加载本...
NULL 博文链接:https://tanlingcau.iteye.com/blog/779261
jqGrid 学习 原理 2 jqGrid 学习之 皮肤 2 jqGrid 学习 2 jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 ...
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jqgrid合并行、合并列 先看示例图片最终效果: jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
jqgrid
该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jqgrid二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "<%=basePath%>/component/config/select.html", add: {content:"<%=basePath%>/admin/...
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqgrid中文文档API,使用JQGRID
jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically ...
; charset=utf-8"> <title>Insert title here ...<link type="text/css" rel="stylesheet" href="css/ui.jqgrid.css"> <script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script> ...
JqGrid插件+JqGridDemo+JqGrid主题,自己项目里引入的文件
treeIcons: {leaf:'ui-icon-document-b'}, caption: "jqGrid Demos", autowidth: true, rowNum: 10000, ExpandColClick: true, jsonReader: { repeatitems: false, root: "response" }, onSelectRow: ...
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.