jqGrid ShowLink Formatter - 自定义 ID 参数

Question

我只是在这里遗漏了一些简单的东西吗？没有进入自定义格式，我只想使用我的 ID 值作为 showlink 中的 ID 参数。格式化程序。这是我的子网格的示例:

subGridRowExpanded: function (subgrid_id, row_id) {
    var subgrid_table_id = subgrid_id + '_t';
    $('#' + subgrid_id).html('<table id="' + subgrid_table_id + '" class="scroll" />');
    $('#' + subgrid_table_id).jqGrid({
    datatype: 'local',
    colNames: ['Order Number', 'Request Type', 'Owner', 'Order Status', 'Status Date'],
    colModel: [{
        name: 'orderid',
        index: 'orderid',
        width: 150,
        key: true,
        formatter: 'showlink',
        formatoptions: { baseLinkUrl: 'AOFOrderFacilities.aspx', idName: 'orderid' }
    }, {
        name: 'type',
        index: 'type',
        width: 100
    }, {
        name: 'owner',
        index: 'owner',
        width: 200
    }, {
        name: 'status',
        index: 'status',
        width: 150
    }, {
        name: 'date',
        index: 'date',
        width: 150
    }],
    sortname: 'num',
    sortorder: 'asc',
    height: 'auto'
    });
    // TODO: Make this into an AJAX call.  This is just for demo.
    var mysubdata = [
    { orderid: 'O00001234', type: 'Data', owner: 'Melanie Martin', status: 'Saved', date: '2/4/2011 11:48:18 AM' },
    { orderid: 'O00001235', type: 'Voice', owner: 'Billy Solomon', status: 'Submitted to TC', date: '2/4/2011 12:03:47 PM' }
    ];
    for (var i = 0; i <= mysubdata.length; i++)
    jQuery('#' + subgrid_table_id).jqGrid('addRowData', i + 1, mysubdata[i]);
}

当呈现网格第一列中的链接时，它们正确显示 orderid value 作为列的文本(前置的“O”是故意的，应该像这样通过系统)，但结果链接是:

http://localhost/somestuff/AOFOrderFacilities.aspx?orderid=1
http://localhost/somestuff/AOFOrderFacilities.aspx?orderid=2

依此类推，其中 ID 参数值是网格行的序数索引，而不是数据中的所需值。有没有一种简单的方法来使用数据中的值？

Answer 1

格式选项 idName格式化程序 showlink只说您需要的 url 中的参数名称。 id 的值为 总是 行号。在您的示例中，您使用

var mysubdata = [
    { orderid: 'O00001234', type: 'Data', owner: 'Melanie Martin',
      status: 'Saved', date: '2/4/2011 11:48:18 AM' },
    { orderid: 'O00001235', type: 'Voice', owner: 'Billy Solomon',
      status: 'Submitted to TC', date: '2/4/2011 12:03:47 PM' }
];
for (var i = 0; i <= mysubdata.length; i++)
    jQuery('#' + subgrid_table_id).jqGrid('addRowData', i + 1, mysubdata[i]);

它给出了行的 rowid 值 1,2, mysubdata.length .设置 key:true为列 orderid将 忽略 通过方法 addRowData .您可以在 Developer Tools 或 Firebug 中验证哪个 ID 具有 <tr>网格的元素。

我建议你修改上面的代码或者直接使用 data:mysubdata作为 jqGrid 的附加参数，而不是使用更慢的旧方法 addRowData .因为你定义了 key:true一切都应该正常工作。您也可以使用 localReader:{id:'orderid'}作为额外的 jqGrid 参数。