如何访问struts jquery网格插件的选定行的数据？

访问Struts jQuery网格插件选定行数据的方法

基础概念

Struts jQuery网格插件是基于jQuery Grid插件的一个Struts2集成实现，它允许在Struts2应用中方便地创建和管理数据表格。要访问选定行的数据，需要理解以下几个关键点：

网格选择模式：jQuery Grid支持单选和多选模式
行数据存储：网格中的数据可以以JSON格式存储
事件处理：通过事件监听获取用户选择行为

访问选定行数据的方法

1. 获取选中行的ID

var selectedRowId = $("#gridId").jqGrid('getGridParam', 'selrow');

2. 获取选中行的完整数据

var selectedRowData = $("#gridId").jqGrid('getRowData', selectedRowId);

3. 多选模式下获取所有选中行

var selectedRowIds = $("#gridId").jqGrid('getGridParam', 'selarrrow');
$.each(selectedRowIds, function(index, rowId) {
    var rowData = $("#gridId").jqGrid('getRowData', rowId);
    // 处理每行数据
});

4. 通过事件监听获取选中行

$("#gridId").on("jqGridSelectRow", function(event, rowId, status, e) {
    if(status) { // 如果是选中状态
        var rowData = $(this).jqGrid('getRowData', rowId);
        console.log(rowData);
    }
});

完整示例代码

$(function() {
    $("#gridId").jqGrid({
        url: 'yourActionUrl',
        datatype: "json",
        colModel: [
            {name: 'id', index: 'id', width: 55},
            {name: 'name', index: 'name', width: 90},
            {name: 'description', index: 'description', width: 100}
        ],
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: '#pagerId',
        sortname: 'id',
        viewrecords: true,
        multiselect: true, // 启用多选
        onSelectRow: function(rowId, status, e) {
            var rowData = $(this).jqGrid('getRowData', rowId);
            console.log("Selected row data:", rowData);
        }
    });
    
    // 获取所有选中行数据的按钮点击事件
    $("#getSelectedBtn").click(function() {
        var selectedIds = $("#gridId").jqGrid('getGridParam', 'selarrrow');
        var selectedData = [];
        
        $.each(selectedIds, function(index, rowId) {
            selectedData.push($("#gridId").jqGrid('getRowData', rowId));
        });
        
        console.log("All selected rows:", selectedData);
    });
});