单击 jqGrid 中的行获取列的值

我在用Asp.Net/C#，在我正在使用的页面之一中jqGrid显示用户列表Admin , The jqGrid包含以下列

1. 用户代码
2. 名
3. 中间名字
4. 姓
5. Email

这是我的标记

<cc1:JQGrid ID="ModifyAccountUserDetailsjqGrid"    AppearanceSettings-Caption="User Details"         runat="server" Width=800   DataSourceID=ModifyAccountDataSource>
    <Columns>
    <cc1:JQGridColumn HeaderText="User Code" ShowToolTip=false   PrimaryKey=true    DataField="UserCode"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="First Name" ShowToolTip=false    DataField="FirstName"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Middle Name" ShowToolTip=false   DataField="MiddleName"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Last Name" ShowToolTip=false     DataField="LastName"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Email"  ShowToolTip=false        DataField="Email"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Contact No" ShowToolTip=false    DataField="ContactNo"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Division Name" ShowToolTip=false   DataField="DivisionName"></cc1:JQGridColumn>
    <cc1:JQGridColumn HeaderText="Last Name" ShowToolTip=false     DataField="BranchName"></cc1:JQGridColumn>
    </Columns> 
</cc1:JQGrid>

我需要的是，当管理员单击一行时，我想获取所单击行的用户代码的值。我是新手jqGrid，所以我不清楚如何解决这个问题。 任何人都可以指出我正确的方向吗？欢迎任何建议。

Thanks

首先，您应该选择符合您要求的最佳回调。通常它会是onSelectRow，但在其他一些情况下，另一个回调如onCellSelect, beforeSelectRow or ondblClickRow更好。

在回调中你得到rowid (the id or the <tr>row) 作为第一个参数。您可以使用getCell, getRowData or getLocalRow获取某个单元格的包含。例如

onSelectRow: function (id) {
    // get data from the column 'userCode'
    var userCode = $(this).jqGrid('getCell', 'userCode');
    alert(userCode);
}

or

onSelectRow: function (id) {
    var localRowData = $(this).jqGrid('getLocalRow');
    alert(localRowData.userCode);
}

如果 jqGrid 有本地数据（您使用datatype: 'local'或远程数据类型，如datatype: 'json'结合loadonce: true).

UPDATED：在评论中发布一些帖子并更新您的问题文本后，我看到您使用用于 ASP.NET WebForms 的 jqSuite http://www.trirand.net/download.aspx或其他一些商业产品基于 jqGrid 而不是免费的开源 JavaScript 库jqGrid https://stackoverflow.com/tags/jqgrid/info。我不使用jqSuite，也不知道如何在jqSuite中实现JavaScript回调。

我可以建议您使用新的 jqGrid 4.3.2 功能：类似 jQuery 的事件 http://www.trirand.com/blog/?page_id=393/feature-request/usage-of-jquery-events-in-jqgrid-together-with-callback-functions-used-currently/#p25559。你能做的就是这样的代码

var $grid = jQuery("#<%= ModifyAccountUserDetailsjqGrid.ClientID %>");
$grid.bind("jqGridSelectRow", function (id) {
    var userCode = $(this).jqGrid('getCell', 'userCode');
    alert(userCode);
});

or

var $grid = jQuery("#<%= ModifyAccountUserDetailsjqGrid.ClientID %>");
$grid.bind("jqGridSelectRow", function (id) {
    var localRowData = $(this).jqGrid('getLocalRow');
    alert(localRowData.userCode);
});

像“jqGridSelectRow”这样的事件的事件处理程序可以在创建网格之前或之后定义（但在创建网格之后）<table>元素与id等于<%= ModifyAccountUserDetailsjqGrid.ClientID %>被创建）。此外，如果需要，您可以将多个事件处理程序定义为一个事件处理程序。如果您希望在项目中为所有网格实施一些通用操作，那么这是非常实用的。