jqgrid常用方法总结

最新推荐文章于 2024-06-21 10:46:06 发布

蓝天下有微笑

最新推荐文章于 2024-06-21 10:46:06 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： jqgrid常用方法

本文链接：https://blog.csdn.net/l925322337/article/details/83544798

版权

本文总结了jqGrid的几个核心操作，包括选中行数据、实现多选、双击单元格触发事件及单元格编辑与回车保存功能，还有动态调整列属性的方法。

摘要由CSDN通过智能技术生成

1.选中行数据

  var rowId =$(grid_selector).jqGrid("getGridParam", "selrow");
  var rowData = $(grid_selector).jqGrid("getRowData", rowId);

2.多选

   var ids =$(grid_selector).jqGrid("getGridParam","selarrrow");
    if (ids.length<=0){
   
        return alert("请选中后编辑");
    }
    var list=[];
    var activityId;
    for

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蓝天下有微笑

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

jqGrid 常用方法和事件

u012216568的博客

03-26

1049

jqGrid 常用方法整理常用方法获取行数据删除行数据重新加载表格动态设置列显示隐藏常用事件常用方法获取行数据 <div id='jqGrid'></div> 1、获取所有行数据 $('#jqGrid').getRowData(); --或者 var IDS= $("#jqGrid").getDataIDs(); for(var i=0;i<IDS.length;i++){ var obj = $("#gridTable").getRowData(IDS[i]);

jqgrid中文属性方法大全

killerggf的专栏

10-20

694

<br />http://huashui.org/post/jqgrid-base-study-6.html

参与评论您还未登录，请先登录后发表或查看评论

jqGrid与Struts2的结合应用（二） —— 操作Grid数据

最新发布

(黎子)人生编码

06-21

1750

CSS Grid通过定义行和列的容器来创建网格布局，子元素可以很容易地放置在指定的行和列中。这种布局方式使得响应式设计和对齐更加直观和简单。

jqgrid 常用方法

weixin_30492601的博客

11-26

1、获取选中行的id var id=$("#grid-table").getGridParam("selrow"); 2、获取选中行的信息 var ret=$("#grid-table").getRowData(id); 3、删除行 var result=$("#grid-table").delRowData(id); 4、修改行信息 var result=$("#grid-tabl...

jQuery学习笔记--JqGrid相关操作方法列表备忘重点讲解(超重要)

liujianan

11-07

382

1.获得当前列表行数：$("#gridid").getGridParam("reccount"); 2.获取选中行数据（json）：$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGr

jqGrid如何解密服务器返回的数据

weixin_42604188的博客

02-15

186

jqGrid 本身并不提供解密服务器返回的数据的功能。如果服务器返回的数据是加密过的，你需要在客户端对这些数据进行解密。具体而言，你可以在 jqGrid 的 loadComplete 事件处理程序中获取服务器返回的数据，然后对其中的加密数据进行解密。例如，假设服务器返回的数据是 JSON 格式的，其中包含一个名为 encryptedData 的属性，它是加密后的数据，你可以使用以下代码对它进行解...

09-09

总结起来，jqGrid是一个强大的数据网格插件，结合jQuery和jQuery UI，提供了丰富的功能来处理和展示数据。与Struts框架的集成使其在企业级应用中更具优势，而HTML5的支持则确保了其在现代Web环境中的兼容性和性能。...

JqGrid学习总结_10标题栏的checkbox

luguling200802544的专栏

06-10

7080

1、当在JqGrid表格属性中设置了multiselect：true，这时会在每一行前面出现checkbox 2、而在点击栏的checkbox时，表格全选或全部选，这时触发的事件是onSelectAll onSelectAll:function(rowids,statue){ //函数里做自己的处理 }; rowids:表示表

jqgrid资料

06-20

通过对上述代码的详细解读，我们可以了解到`jqGrid`的基本配置方法及常用功能的应用。这些配置项不仅能够帮助我们快速构建出功能完善的表格组件，还能根据具体需求进行高度定制化的调整。对于从事Web前端开发的技术...

项目中使用的jqGrid

拉你手跟我走的专栏

05-12

3626

/* jqgrid定义 */ jQuery(grid_selector).jqGrid({ //解析从Server返回的json数据 jsonReader : { root : "rows", // json中每行的记录 page : "currentPage", //json中代表当前页码的数

java jqgrid_jqGrid 学习笔记整理——进阶篇(一 )

weixin_30054883的博客

02-21

284

在浏览导航栏添加所需按钮DEMO//当 datatype 为"local" 时需填写var grid_data = [{id: "00001",type: "退货出库",pay: "1000",name: "abc",text: "ccc"}, {id: "00002",type: "退货出库",pay: "1000",name: "abc",text: "aaa"}, {id: "00003",...

六、jqGrid

qq_39083770的博客

03-14

330

jqGrid jqGrid是一个在jQuery基础上封装的一个表格控件，以ajax的方式和服务器端通信 jQuery自定义函数实现表格 //myGrid.js 初始化一个表格 /**设计一个参数，类型是一个js对象 *@param options的设计属性： * colNames：类型是一个数组 * data：代表表格填充的数据 * { * colNames：[ 'ID','Name','Salary' ], * data:[ * {id:1,name:

四、jqgird 具体参数设置：每日一问一答之：动态设置jqgird宽度（当浏览器窗口大小改变时）

kameron的博客

08-31

263

var grid_selector = "#grid-table"; var parent_column = $(grid_selector).closest('[class*="col-"]'); //resize to fit page size $(window).on( 'resize.jqGrid', function () { $(grid_selector).jqGrid( 'setGridWidth', parent_column.width() ); }) 1、on(.

jqgrid java_jqGrid ColModel详解

weixin_34305716的博客

02-21

325

PropertyTypeDescriptionDefaultalignstringDefines the alignment of the cell in the Body layer, not in header cell. Possible values: left, center, right.定义单元格对齐方式；可选值：left, center, right。例如：{name:’id’,a...

jqgrid--取多行对象的某一属性,行ID

icecoola_的博客

05-07

1222

var arr = [] var rowIds = jQuery(grid_selector).jqGrid('getGridParam', 'selarrrow'); $(rowIds).each(function(i,rowId){ roleDataNameId.push($(grid_selector)....

Jqgrid 详解

qq_27009517的博客

05-19

1万+

Jqgrid入门-显示基本的表格(一) 首先对Jqgrid网格插件做个简要的说明。在众多的表格插件中，Jqgrid的特点是非常鲜明的。特点如下: 完整的表格呈现与运算功能，包含换页、栏位排序、grouping、新增、修改及删除资料等功能。自定义的工具列。预设的Navigator工具列，可以很容易的使用新增、删除、编辑、检视及搜寻等功能。完整的分页功能。按下任一栏位的标头，皆可以该栏位为排序项目。无论是升序或降序皆可。预设的action formatter，可以快...

jqgrid 常用属性

06-07

jqGrid 是一个基于 jQuery 的表格插件，它具备丰富的功能和灵活的设置选项。下面是 jqGrid 常用的属性： 1. url：数据请求地址 2. datatype：数据类型，支持 json, xml, text 等 3. colNames：列名数组 4. colModel：列属性数组，包括列名、数据类型、宽度、对齐方式等 5. rowNum：每页显示行数 6. rowList：每页显示行数选择器选项 7. pager：分页栏元素选择器 8. sortname：默认排序列名 9. sortorder：默认排序方式，asc 或 desc 10. viewrecords：是否显示记录总数 11. caption：表格标题 12. height：表格高度 13. width：表格宽度 14. shrinkToFit：自动适应宽度 15. multiselect：是否启用多选 16. onSelectRow：行选择事件回调函数 17. onPaging：分页事件回调函数 18. loadComplete：数据加载完成回调函数 19. jsonReader：json 数据格式化函数以上是 jqGrid 常用的属性，还有很多其他的属性和事件可以根据实际需求进行设置和使用。