`
小杨学JAVA
  • 浏览: 903893 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jqgrid 使用方法

 
阅读更多

1. 如何获取grid 选中的行的ID ? 

01 var rowid = $("#searchResultList
02 ").getGridParam("selrow
03 ");2. 如何在表格中动态增加一行数据?
04  
05 //$("#jqgrid").addRowData(rowId, data, pos, idx);
06  
07 //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
08  
09 $("#jqgrid
10 ").addRowData("1
11 ", {"name
12 ":"test
13 ","age
14 ":12}, "first
15 ");3. 如何动态修改某行的数据内容,如某几列的值?
16  
17 //setRowData( rowid, data );
18  
19 $("#jqgrid
20 ").setRowData( "1
21 ", { tax:"5
22 ", total:"205
23 " });4. jqgrid 的常用属性?
24  
25 $("#jqgrid
26 ").jqGrid({
27 url:"${ctx}/sys/role/search.dm
28 ",
29 colNames:["角色名称
30 "],//,"角色代码"
31  
32 colModel:["roleName
33 "],//"roleCode"还可以用对象替换
34  
35 jsonReader:{id:"roleId
36 ",root:"dataList
37 "},
38 width:240,
39 height:250,
40 rowNum:20,//每页20条记录
41  
42 pager: "logListPager
43 ",//分页显示的DIVID
44  
45 sortname: "actionTime
46 ",//默认排序的列名
47  
48 sortorder: "desc
49 ",//默认排序的顺序
50  
51 scroll
52 :true
53 ,//鼠标滚动翻页
54  
55 onSelectRow: function
56 (rowid) {}
57 });5. 获取某一行的数据对象?
58  
59 var
60 rowid = $("#searchResultList
61 ").getGridParam("selrow
62 ");
63 var
64 rowData = $("#searchResultList
65 ").getRowData(rowid);6. 如何使用API 动态修改选中的行?
66  
67 //true:重新加载表格数据, false:不重新加载表格数据
68  
69 $("#jqGrid
70 ").setSelection("1
71 ", true
72 );
分享到:
评论

相关推荐

    jqGrid使用XML數據源例子

    提到的例子使用的是jqGrid的4.3版本,该版本引入了许多增强和优化,包括性能提升、新的API方法、错误修复以及对触摸设备的支持。不过,值得注意的是,jqGrid的开发后来转移到了Free jqGrid项目,目前最新的版本提供...

    jqgrid中文文档API

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

    Jqgrid中文使用手册

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

    jqgrid使用说明及实例

    使用`$("#gridID")`选择表格元素,调用`.jqGrid()`方法进行配置。例如,设置列名、数据源、分页参数等。 3. **数据绑定**:jqGrid支持多种数据源,可以是本地数组、JSON对象、XML数据或服务器端数据。你可以通过`...

    jqGrid中文说明,对jQgrid表格关键使用方法中文说明

    jqGrid中文说明,对jQgrid表格关键使用方法中文说明 jqGrid是基于jQuery的数据表格插件,用于将需要展示的数据动态的展示在页面上,即动态画出表格,并封装了增、删、改、查、分类显示、在线编辑修改等功能。下面将...

    jqGrid4.8.2 jqgrid_demo40

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

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

    jqGrid支持从服务器动态加载数据,可以使用`url`参数指定数据源,通过`datatype`参数设置数据类型(如`json`或`xml`)。数据加载过程中,还可以配置分页、排序和搜索等功能,如`loadonce`(一次性加载所有数据)、`...

    ASP.NET中使用jQGrid

    caption: "ASP.NET中使用jQGrid示例" }); }); ``` 在HTML主体部分,创建jQGrid和分页器的占位符: ```html <table id="jqGrid"> <div id="jqGridPager"></div> ``` 至此,一个基本的jQGrid已经设置完成。但...

    jqGrid4.6.0 jqgrid_demo40

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

    jqGrid完整实例

    可通过设置`sortname`和`sortorder`进行默认排序,使用`searching`选项启用搜索框,设置`editGridRow`和`addGridRow`方法实现编辑和添加功能。 5. **自定义行为**:可以通过事件监听器(如`loadComplete`、`...

    jqgrid 编辑表格 一列

    默认情况下,jqGrid 使用文本框作为编辑器。但你可以通过 `edittype` 和 `formatter` 参数自定义编辑器。例如,将某一列设置为日期选择器: ```javascript { name: 'date', index: 'date', width: 120, editable: ...

    JqGrid中文API文档

    JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html <table id="grid"></table> ``` 然后在JavaScript中初始化JqGrid,如: ```javascript $("#grid...

    JQGrid系列教程

    下面是 JQGrid 的一些关键特点和使用方法。 JQGrid 的特点 * 外观时髦,功能齐全 * JS 控件,用来显示和操作表格数据 * 使用 AJAX 方式 * 可以被集成到任何服务器端技术,例如 ASP, JavaServelets, JSP, PHP 等等 ...

    jqGrid_api中文文档

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

    jqgrid treegrid使用实例下载

    4. **展开与折叠**:jqGrid TreeGrid 提供了 `ExpandRow` 和 `CollapseRow` 方法来手动控制节点的展开和折叠。还可以通过设置 `treeGridModel` 参数(如 'adjacency' 或 'nested')来指定数据结构的展开方式。 5. *...

    jqgrid序列

    jqGrid与jQuery库紧密集成,因此能够轻松地与其他jQuery插件和工具配合使用,实现高效的数据展示和交互。 **1. jqGrid基本使用** jqGrid的使用通常涉及到以下几个步骤: - 引入依赖:首先,你需要在HTML文件中引入...

    jquery.jqgrid最新版

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

    jqGrid使用笔记.docx

    在 jqGrid 中,我们可以使用一系列方法来实现对表格数据的编辑操作。以下是关于 jqGrid 行编辑方法的详细说明: 1. **editRow**: 此方法用于将指定行切换到编辑模式。调用格式为 `editRow(rowid, keys, oneditfunc,...

    jqGrid4.6完整包

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

    jqGrid的翻页导航是一个方法

    使用`jqGrid`方法 初始化jqGrid时,可以通过`jqGrid`方法设置一些基本参数,例如分页器的位置: ```javascript jQuery("#list").jqGrid({ pager: '#gridpager', ... }); ``` #### 2. 使用`navGrid`方法 添加翻页...

Global site tag (gtag.js) - Google Analytics