`
Rod_johnson
  • 浏览: 73829 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jqGrid 方法

阅读更多

getGridParam、setGridParam:
  getGridParam方法:
  getGridParam("url"): 获取当前的AJAX的URL
  getGridParam("sortname"):排序的字段
  getGridParam("sortorder"):排序的顺序
  getGridParam("selrow"):得到选中行的ID
  getGridParam("page"):当前的页数
  getGridParam("rowNum"):当前有多少行
  getGridParam("datatype"):得到当前的datatype
  getGridParam("records"):得到总记录数
  getGridParam("selarrrow"):可以多选时,返回选中行的ID
 
  setGridParam方法:
  setGridParam({url:newvalue}):可以设置一个grid的ajax url,可配合trigger("reloadGrid")使用
  setGridParam({sortname:newvalue}):设置排序的字段
  setGridParam({sortorder:newvalue}):设置排序的顺序asc or desc
  setGridParam({page:newvalue}):设置翻到第几页
  setGridParam({rowNum:newvalue}):设置当前每页显示的行数
  setGridParam({datatype:newvalue}):设置新的datatype(xml,json)
 
     形式2:jQuery('#tableID').jqGrid('getGridParam','url'))
           jQuery("#tableID").jqGrid('setGridParam',{page:2}).trigger("reloadGrid")
 
二、jqGrid colModel表体结构配置
name       必要的属性,具有唯一标识性,如在弹出的editform窗体中,将作为input的name属性
index        为排序用,最方便的是设为数据库字段
width        150,宽度,数值
align        left,center,right
detefmt        date:true
editable    flase
editoptions    edittype为先决条件,此为值,[]
editrules    编辑规范
edittype    text,textarea,select,checkbox,password
formatoptions
formatter
hidedlg        false (appear in the modal dialog)
hidden        false 在加载时是否隐藏列
jsonmap        声明json的格式
key        false
label        当没有设置colNames时,在列里用此代替,此项也为空时,就是name代替
resizable    true,列宽可调节
search        true,可搜索
sortable    true,可排序
sorttype    text,int,float,date,排序子段类型
xmlmap        声明xml的格式

分享到:
评论
1 楼 一叶之源 2016-07-22  
  • [list]
  • [*][list]
  • [*][*][list]
  • [*][*][*][list]
  • [*][*][*][*][list]
  • [*][*][*][*][*][list]
  • [*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/img][/img][/img][/img][/img][/img]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][*][/list]
  • [*][*][*][*][*][*][/list]
  • [*][*][*][*][*][/list]
  • [*][*][*][*][/list]
  • [*][*][*][/list]
  • [*][*][/list]
  • [*][/list]
  • [/list]
  • [/list]

    相关推荐

      jqgrid方法-中文 (2).docx

      在本文中,我们将深入探讨 jqGrid 的方法及其应用。 首先,从 3.6 版本开始,jqGrid 已经与 jQuery UI 库完全兼容,这意味着你可以利用 jQuery UI 的丰富组件和样式来增强 jqGrid 的外观和交互性。例如,使用 ...

      jquery.jqgrid最新版

      2. 初始化jqGrid:通过JavaScript代码设置参数,调用jqGrid方法进行初始化。 ```javascript $("#jqGrid").jqGrid({ url: 'data.json', // 数据源 datatype: 'json', colModel: [ // 列定义 {name: 'id', index:...

      jqGrid_JS_4.7.1

      然后通过jQuery选择器找到表格元素并调用jqGrid方法初始化网格。可以设置各种选项来定制表格的行为,如数据源、列定义、分页参数等。 五、API和事件 jqGrid提供了丰富的API接口,可以用于获取或设置表格状态、触发...

      jqGrid与Struts2的结合应用_操作Grid数据

      在本文中,我们将深入探讨如何将 jqGrid 与 Struts2 结合使用,以及 jqGrid 的一些核心方法。 在 Struts2 框架中,jqGrid 可以作为前端展示大量数据的有效工具,同时提供分页、排序、过滤等高级功能。要实现 jqGrid...

      前端项目-free-jqgrid.zip

      3. **初始化jqGrid**:使用$.fn.jqGrid方法初始化网格,配置数据源、列信息、操作选项等。 4. **交互处理**:监听网格的事件,如排序、编辑、删除等,实现业务逻辑。 5. **自定义扩展**:如果需要更复杂的功能,可以...

      jquery.jqGrid-4.5.2.zip

      4. 调用jqGrid方法,如`$("#gridId").jqGrid()`启动插件。 五、进阶应用 1. **小工具栏**:通过插件实现自定义工具栏,如新增、删除、保存等操作按钮。 2. **树形视图**:支持树状数据结构展示,适用于层级关系的...

      jqgrid_demo

      7. **methods32.js**: 这可能是一个包含jqGrid方法的JavaScript文件,例如排序、编辑、删除、加载数据等操作。开发者可以通过调用这些方法来控制jqGrid的行为。 8. **jqgrid.html**: 这是最核心的文件,可能包含了...

      jquery.jqGrid-4.3.1.zip

      3. 初始化jqGrid:使用jQuery选择器找到表格元素,调用jqGrid方法进行初始化,配置相关参数。 4. 配置数据源:设定数据加载方式、URL、字段映射等信息。 5. 添加额外功能:根据需要添加排序、分页、编辑等功能,以及...

      jquery.jqGrid-4.1.1.zip

      3. 初始化jqGrid:调用jQuery的jqGrid方法,传入配置对象,配置数据源、列信息、分页等参数。 4. 实现交互:根据业务需求,添加搜索、排序、编辑等交互功能。 四、最佳实践与注意事项 1. 优化性能:对于大数据量的...

      jquery.jqGrid-3.6.2.zip

      2. 初始化表格:使用 jQuery 选择器找到目标元素,并调用 jqGrid 方法初始化表格。例如: ``` $("#grid").jqGrid({ url: 'data.php', // 数据源 datatype: 'json', colNames: ['Column1', 'Column2', 'Column3'...

      jqgrid中文文档API

      本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...

      jqGrid4.8.2 jqgrid_demo40

      jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料。 jqGrid中文文档.doc------附加放在这里的其它资料。 jqGrid的使用.doc------附加放在这里的其它资料。

      JqGrid中文API文档

      通过`editGridRow`、`addGridRow`方法启动编辑或添加操作。同时,`editParams`和`addParams`可以配置编辑和添加的参数,如确认对话框、提交处理函数等。 八、事件处理 JqGrid有许多内置的事件,如`loadComplete`...

      jqGrid4.6完整包

      4. **使用方法**:在 HTML 页面中引入 jqGrid 的 JS 和 CSS 文件,然后通过 JavaScript 创建表格并配置相关选项,例如设置数据源、列定义、编辑选项等。 5. **主要功能**: - 数据加载:支持 JSON、XML、HTML、...

      jqGrid_api中文文档

      文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...

      jqgrid序列

      **正文** `jqGrid`是一款基于JavaScript的开源数据网格组件,主要用于在Web...通过其丰富的配置选项、事件和方法,开发者可以轻松构建功能完善的表格应用,同时,其优秀的性能和易用性使得jqGrid在Web开发中广受欢迎。

      jqGrid4.6.0 jqgrid_demo40

      jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...

      jqgrid 编辑表格 一列

      开启行内编辑,需要在 jqGrid 初始化时设置 `editGridRow` 和 `saveRow` 方法: ```javascript $("#grid").jqGrid('navGrid', '#gridpager', { edit: true, add: true, del: true, search: true }); $("#grid")....

      jqgrid4.6.rar

      10. **API 调用**:jqGrid 提供了一系列 API 方法,如 `reloadGrid()` 用于刷新表格,`getGridParam()` 获取当前设置,`setGridParam()` 修改设置,`jqGrid('editRow')` 和 `jqGrid('saveRow')` 用于行编辑等。...

      jqGrid手册教程一本通

      jqGrid是一款基于jQuery开发的插件,它主要用于在网页上实现数据的动态展示和操作。它能够将服务器端的数据以表格...通过本教程,你可以了解到jqGrid的基本原理、皮肤、安装方法等,为进一步学习jqGrid打下坚实的基础。

    Global site tag (gtag.js) - Google Analytics