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是一款非常流行的JavaScript库,用于创建功能丰富的表格。它提供了许多高级功能,如数据检索、排序、过滤、编辑等。在某些场景下,我们需要动态地填充select下拉框的选项值,以实现更灵活的数据...
### jqGrid 分页参数详解 #### 一、引言 在Web应用开发中,数据展示是必不可少的一个环节。为了提供更好的用户体验以及优化服务器资源利用,前端分页技术得到了广泛的应用。其中,`jqGrid`是一款非常受欢迎的jQuery...
**jqGrid:六、search** jqGrid是一款强大的jQuery插件,用于创建交互式的网格视图。在本章节中,我们将深入探讨jqGrid的搜索功能,它允许用户在数据网格中快速定位和过滤所需的信息。 首先,jqGrid的搜索功能提供...
**jqGrid(版本:5.1.0)详解** jqGrid是一款非常强大的JavaScript表格插件,主要用于在Web页面中展示和操作数据。它基于jQuery库,提供了丰富的功能,包括数据的增删改查、排序、分页、过滤、编辑等,使得在网页上...
JQGrid 系列教程 JQGrid 是一个基于 jQuery 的表格控件,它使用 AJAX 方式与服务器端通信,能够实现多种功能,如排序、过滤、分页、编辑等。下面是 JQGrid 的一些关键特点和使用方法。 JQGrid 的特点 * 外观时髦...
**jqGrid:四、远程数据(JSON)** jqGrid是一个强大的JavaScript库,专门用于创建交互式的HTML表格。它能够从服务器获取数据,并将其呈现为可排序、可搜索、可分页的网格。在本篇文章中,我们将深入探讨jqGrid如何...
jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据。它基于jQuery库,提供了丰富的数据网格功能,包括数据加载、增删查改等操作。在本示例中,我们将深入探讨如何利用jqGrid实现这些核心功能,...
在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...
jqGrid 是典型的 B/S 架构,服务器端只是提供数据管理,客户端只提供数据显示。jqGrid 可以以一种更加简单的方式来展现数据库的信息,而且也可以把客户端数据传回给服务器端。 4. jqGrid 的参数 jqGrid 有多个参数...
jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和 jQuery 知识,因为 jqGrid 是构建在 jQuery 库之上的。jQuery 提供了简便的...
JqGrid的基础,我这里就不做介绍了,不知道的可以去看看博客园或Google,最好去看文档。先看效果图: 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路:第一次加载本...
《jqGrid 3.3.2:jQuery时代的卓越数据网格组件》 jqGrid是一款基于jQuery的开源数据网格组件,版本3.3.2是其发展中的一个重要里程碑,它在前一版本的基础上修复了一系列的bug,进一步提升了用户体验和性能。本文将...
然后,通过 JavaScript 初始化 jqGrid: ```javascript $(document).ready(function () { $("#grid").jqGrid({ url: "data.json", // 数据来源,可以是 JSON 格式的 URL 或本地数据 datatype: "json", // 数据...
《jQuery.jqGrid 4.3.2:构建高效数据网格的全面解析》 jQuery.jqGrid 是一个基于 jQuery 的开源插件,专为构建功能丰富的数据网格而设计。在4.3.2版本中,它提供了强大的数据展示、排序、筛选、编辑等功能,使得在...
《jQuery jqGrid 4.0.0:构建高效数据网格的全面解析》 jQuery jqGrid 是一个基于 jQuery 的开源插件,专为构建功能丰富的、交互式的网格视图而设计。在版本 4.0.0 中,jqGrid 提供了一系列优化和改进,使得开发者...
summaryTpl: '<b>Total:</b> {0}', searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'] }, formatter: 'number', formatoptions: { decimalPlaces: 2 }, custom_func: ...
ASP.NET与jqGrid结合使用,可以创建功能丰富的Web应用程序,特别是在数据展示和管理方面。jqGrid是一个开源的jQuery插件,专门用于构建交互式的网格视图,它支持大量的功能,如排序、分页、筛选、编辑和添加数据等。...
《jQuery.jqGrid 4.5.4:深入解析与应用》 jQuery.jqGrid 是一个强大、功能丰富的Web表格插件,它基于jQuery库,为网页开发人员提供了灵活的数据展示和管理工具。在4.5.4版本中,jqGrid提供了一套完整的文档,帮助...
《jQuery.jqGrid 4.4.5:构建动态数据表格的强大工具》 jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,主要用于在网页上展示和操作结构化的数据,如数据库中的表格数据。版本 4.4.5 是这个强大组件的一个稳定...