`
wshyj18
  • 浏览: 166651 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

使用jqGrid时出现的 f is undefined 解决方案

 
阅读更多

原因是我们没有加上  jsonReader : {   

root: "rows",  

page: "page",  

total: "total",  

records: "records",  

    repeatitems: false, 

    cell: "cell",   

    id: "id" 

    }   

 

如下所示:

jQuery(document).ready(function(){ 

  jQuery("#list").jqGrid({

    url:'tableQuery_line_list.action',

    datatype: 'json',

    mtype: 'POST',

    colNames:['ID','出发城市','到达城市'],

    colModel :[ 

      {name:'id', index:'id', width:155}, 

      {name:'from_name', index:'from_name', width:190},

      {name:'to_name', index:'to_name', width:190}

    ],

    pager: '#pager',

    rowNum:30,

    rowList:[10,20,30],

    sortname: 'id',

    sortorder: 'desc',

    height:660,

    viewrecords: true,

    caption: '线路列表',

    jsonReader : {   

root: "rows",  

page: "page",  

total: "total",  

records: "records",  

    repeatitems: false, 

    cell: "cell",   

    id: "id" 

    }   

  }); 

}); 

分享到:
评论

相关推荐

    ASP.NET中使用jQGrid

    ASP.NET是一种广泛使用的微软开发平台,用于构建动态Web应用程序。jQGrid则是一个基于JavaScript的交互式表格插件,它允许开发者创建功能丰富的数据网格,包括排序、分页、搜索和编辑功能。在ASP.NET中集成jQGrid,...

    NET使用JQGrid引用Bootstrap

    在.NET中,JQGrid可以通过AJAX从服务器获取数据,通常使用JSON或XML格式。你可以使用ASP.NET MVC或者Web API来提供这些数据。数据绑定通常涉及以下步骤: - 创建JQGrid的HTML元素,并设置必要的参数,如colModel...

    jqgrid +bootstrap4.0 直接使用

    这对于初学者和寻求快速解决方案的开发者来说非常方便。 在标签 "jqgrid" 中,我们可以推测这个压缩包主要关注 jqGrid 的使用,可能涵盖了基本功能的实现,如数据加载、列定义、事件处理等。jqGrid 支持多种数据源...

    JqGrid插件+JqGridDemo+JqGrid主题

    在"JqGridDemo"中,通常会包含一些示例代码和预览,帮助开发者了解如何配置和使用JqGrid。这些示例可能涵盖了基本的表格展示、数据操作、高级功能如树形结构、子表格等。通过学习和参考这些示例,开发者可以快速掌握...

    jqgrid ace 使用手册 技巧

    2. **基本配置**:创建jqGrid时,你需要通过JavaScript设置一些基本选项,如表格的ID、数据源、列定义等。例如,你可以使用`$("#gridId").jqGrid({...})`来初始化一个jqGrid实例。 3. **数据源**:jqGrid支持多种...

    Jqgrid中文使用手册

    ### JqGrid中文使用手册知识点概述 #### 一、JqGrid安装与配置 JqGrid是一款基于jQuery的网格插件,它提供了丰富的功能用于展示和管理数据表格。本章节详细介绍了如何安装JqGrid,并给出了一个简单的示例。 **...

    jqgrid使用

    下面将详细介绍jqGrid的基本使用、核心功能以及如何进行设置。 ### 1. 安装与引入 首先,你需要在项目中引入jqGrid所需的JavaScript和CSS文件。通常,这包括`jquery.jqgrid.min.js`和`ui.jqgrid.css`。你可以通过...

    maven 项目cxf 使用jqgrid4.4.3 项目开发代码

    在本项目中,"maven 项目cxf 使用jqgrid4.4.3 项目开发代码" 是一个基于Maven构建的Java应用,利用Apache CXF框架开发RESTful服务,并结合jqGrid 4.4.3这个前端JavaScript库进行数据展示和交互。以下是关于这些技术...

    ASP.NET中使用JqGrid完整实现.docx

    【ASP.NET中使用JqGrid完整实现】 JqGrid是一个强大的JavaScript控件,专用于显示和操作表格数据。它的特点是外观时尚,功能丰富,并且支持AJAX方式,使得数据加载和交互更加流畅。JqGrid是由Trirand公司的Tony ...

    jqGrid-3.2.zip

    5. **js**:这个文件夹可能包含了jqGrid的其他辅助脚本或插件,可能包含一些扩展功能或者特定场景下的解决方案。 在使用jqGrid时,你需要在HTML文件中引入jQuery和jqGrid的JavaScript文件,然后通过jQuery选择器...

    jqgrid4.6.rar

    13. **升级与迁移**:如果项目中使用的是更早的 jqGrid 版本,需要了解新版本的变更日志,以便正确地进行升级和解决潜在的兼容问题。 学习和使用 jqGrid4.6.0,不仅可以提升数据展示和管理的效率,还能为用户提供...

    jqgrid中文文档API

    jQgrid中文文档API jQgrid是一个功能强大且流行...本文档提供了jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点,为开发者提供了一个全面的jQgrid使用指南。

    jqGrid完整实例

    **API参考**:在实际使用过程中,查阅官方文档(如http://www.trirand.com/blog/)和社区资源(如提供的参考网址http://blog.mn886.net/jqGrid/)是非常重要的,它们提供了详细的API参考和示例代码,有助于解决开发...

    jqGrid4.8.2 jqgrid_demo40

    jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...

    jqgriddemo,样式漂亮,可以直接使用

    **jqGrid介绍** jqGrid是一款基于JavaScript的开源数据网格组件,它是jQuery库的一部分,用于创建交互式的、数据丰富的Web表格。jqGrid以其强大的数据管理能力、丰富的功能集和灵活的可定制性,深受开发者的喜爱。...

    jqGrid使用XML數據源例子

    jqGrid使用`loadXMLString`函数解析XML字符串,或者在`datatype: 'xml'`时,它会自动处理服务器响应的XML数据。在XML中,jqGrid寻找`<rows>`元素作为数据行的容器,`<row>`元素表示每一行数据,而`<cell>`元素包含...

    jqgrid 表格的增删改查以及modal弹出框

    总的来说,jqGrid 提供了一个全面的解决方案来管理表格数据,包括基础操作和高级功能。通过结合 modal 弹出框,它为用户提供了更友好的交互体验。理解并熟练掌握 jqGrid 的使用,对任何需要处理大量数据的 Web 应用...

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...

    jqGrid5.5 版本

    总的来说,jqGrid5.5版本是一个功能全面且高度可定制的数据网格解决方案,适合开发复杂的Web应用程序,特别是在处理大量数据和需要复杂用户交互的场景中。学习jqGrid5.5不仅可以提高数据展示和管理的效率,还能提升...

    jqgrid API 3.6.5

    本文档是由 jqGrid 3 .6.5官方文档整理而来,方便各位使用! jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid ...

Global site tag (gtag.js) - Google Analytics