jqGrid选中行、格式化、自定义按钮、隐藏

最新推荐文章于 2025-05-15 10:06:13 发布

原创最新推荐文章于 2025-05-15 10:06:13 发布 · 4.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jqgrid #格式化 #自定义按钮

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了 jqGrid 的一些实用操作技巧，包括如何获取选中行的 ID 和数据、如何隐藏单元格、如何进行日期格式化以及如何添加自定义按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jqGrid选中行、格式化、自定义按钮、隐藏

获取选择一行的id：

var id=$('#jqGrid').jqGrid('getGridParam','selrow');

获取选择多行的id：

var ids=$('#jqGrid').jqGrid('getGridParam','selarrrow');

获取选择的行的数据 rowId(选择一行的id)：

var rowData = $('#jqGrid').jqGrid('getRowData',rowId);
var rowName=rowData.name;

应用实例：

var ids=$("#jqGrid").jqGrid("getGridParam","selarrrow");
if(ids.length==1){
    var rowid=$("#jqGrid").jqGrid("getGridParam","selrow");
    console.log(rowid)
}else{
    alert("请选择");
}

jqGrid单元格隐藏：

{label: 'XX', name: 'XX', index: 'XX', hidden:true}

jqGrid日期格式化：

{label: 'XX', name: 'XX', index: 'XX', formatter:"date", formatoptions: {newformat:'Y-m-d'} }

jqGrid自定义按钮：

{ label: 'XX', name: 'XX', index: 'XX',
    formatter: function (value, grid, rows, state) {
        //console.log(value);
        //console.log(grid.rowId);
        //console.log(rows);
        //console.log(state);
        return "<a onclick=\"details("+grid.rowId+")\">"+rows.属性名+"</a>";
    }  
}