`
luren85
  • 浏览: 86760 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

JqGrid TypeError: b is undefined

阅读更多

 

  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动态填充select下拉框的选项值(动态填充)

    在网页开发中,jQGrid是一款非常流行的JavaScript库,用于创建功能丰富的表格。它提供了许多高级功能,如数据检索、排序、过滤、编辑等。在某些场景下,我们需要动态地填充select下拉框的选项值,以实现更灵活的数据...

    jqgrid分页参数

    ### jqGrid 分页参数详解 #### 一、引言 在Web应用开发中,数据展示是必不可少的一个环节。为了提供更好的用户体验以及优化服务器资源利用,前端分页技术得到了广泛的应用。其中,`jqGrid`是一款非常受欢迎的jQuery...

    jqGrid:六、 search

    **jqGrid:六、search** jqGrid是一款强大的jQuery插件,用于创建交互式的网格视图。在本章节中,我们将深入探讨jqGrid的搜索功能,它允许用户在数据网格中快速定位和过滤所需的信息。 首先,jqGrid的搜索功能提供...

    jqGrid(版本:5.1.0)

    **jqGrid(版本:5.1.0)详解** jqGrid是一款非常强大的JavaScript表格插件,主要用于在Web页面中展示和操作数据。它基于jQuery库,提供了丰富的功能,包括数据的增删改查、排序、分页、过滤、编辑等,使得在网页上...

    JQGrid系列教程

    JQGrid 系列教程 JQGrid 是一个基于 jQuery 的表格控件,它使用 AJAX 方式与服务器端通信,能够实现多种功能,如排序、过滤、分页、编辑等。下面是 JQGrid 的一些关键特点和使用方法。 JQGrid 的特点 * 外观时髦...

    jqGrid:四、 remote data(JSON)

    **jqGrid:四、远程数据(JSON)** jqGrid是一个强大的JavaScript库,专门用于创建交互式的HTML表格。它能够从服务器获取数据,并将其呈现为可排序、可搜索、可分页的网格。在本篇文章中,我们将深入探讨jqGrid如何...

    jqGrid使用demo: 数据加载 增加, 修改, 删除, 还原, 撤销等

    jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据。它基于jQuery库,提供了丰富的数据网格功能,包括数据加载、增删查改等操作。在本示例中,我们将深入探讨如何利用jqGrid实现这些核心功能,...

    jqGrid 中文大全(1)

    在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...

    jqGrid_各种参数_详解

    jqGrid 是典型的 B/S 架构,服务器端只是提供数据管理,客户端只提供数据显示。jqGrid 可以以一种更加简单的方式来展现数据库的信息,而且也可以把客户端数据传回给服务器端。 4. jqGrid 的参数 jqGrid 有多个参数...

    jqGrid中文文档.doc

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和 jQuery 知识,因为 jqGrid 是构建在 jQuery 库之上的。jQuery 提供了简便的...

    jqgrid 简单学习笔记

    JqGrid的基础,我这里就不做介绍了,不知道的可以去看看博客园或Google,最好去看文档。先看效果图: 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路:第一次加载本...

    jqgrid 3.3.2

    《jqGrid 3.3.2:jQuery时代的卓越数据网格组件》 jqGrid是一款基于jQuery的开源数据网格组件,版本3.3.2是其发展中的一个重要里程碑,它在前一版本的基础上修复了一系列的bug,进一步提升了用户体验和性能。本文将...

    jqGrid 的使用笔记:1. 开始

    然后,通过 JavaScript 初始化 jqGrid: ```javascript $(document).ready(function () { $("#grid").jqGrid({ url: "data.json", // 数据来源,可以是 JSON 格式的 URL 或本地数据 datatype: "json", // 数据...

    jquery.jqGrid-4.3.2.zip

    《jQuery.jqGrid 4.3.2:构建高效数据网格的全面解析》 jQuery.jqGrid 是一个基于 jQuery 的开源插件,专为构建功能丰富的数据网格而设计。在4.3.2版本中,它提供了强大的数据展示、排序、筛选、编辑等功能,使得在...

    jquery.jqGrid-4.0.0

    《jQuery jqGrid 4.0.0:构建高效数据网格的全面解析》 jQuery jqGrid 是一个基于 jQuery 的开源插件,专为构建功能丰富的、交互式的网格视图而设计。在版本 4.0.0 中,jqGrid 提供了一系列优化和改进,使得开发者...

    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

    ASP.NET与jqGrid结合使用,可以创建功能丰富的Web应用程序,特别是在数据展示和管理方面。jqGrid是一个开源的jQuery插件,专门用于构建交互式的网格视图,它支持大量的功能,如排序、分页、筛选、编辑和添加数据等。...

    jquery.jqGrid-4.5.4

    《jQuery.jqGrid 4.5.4:深入解析与应用》 jQuery.jqGrid 是一个强大、功能丰富的Web表格插件,它基于jQuery库,为网页开发人员提供了灵活的数据展示和管理工具。在4.5.4版本中,jqGrid提供了一套完整的文档,帮助...

    jquery.jqGrid-4.4.5

    《jQuery.jqGrid 4.4.5:构建动态数据表格的强大工具》 jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,主要用于在网页上展示和操作结构化的数据,如数据库中的表格数据。版本 4.4.5 是这个强大组件的一个稳定...

Global site tag (gtag.js) - Google Analytics