Jqgrid：基于所选行的导航

Question

我试图基于选定的行启用导航。因此，用户从jQgrid中选择一行，然后按show（有一个显示网格的按钮，我看到了edit，add等），它需要根据url转到新页面（该行的一部分） ）。

$(document).ready(function () {

    function getLink() {

//      var rowid = $("#customer_list").jqGrid('getGridParam', 'selrow');

        var rowid = $("#customer_list").getGridParam('selrow');

        var MyCellData = $("#customer_list").jqGrid('getCell', rowid, 'dataUrl');

        return MyCellData;

    }

    $("#customer_list").jqGrid({

        url:'mytestList',

        editurl:'jq_edit_test',

        datatype: "json",

        colNames:['Call Id','Title','dataUrl'],

        colModel:[

          {name:'callId', width:80, search:false},

          {name:'title', width:200, sortable:false},

          {name:'dataUrl',hidden:true}

        ],

        rowNum:10,

        sortname:'lastUpdated',

        sortorder: 'desc',

        pager:'#customer_list_pager',

        viewrecords: true,

        gridview: true

    }).navGrid('#customer_list_pager',

      {add:true,edit:true,del:false,search:true,refresh:true}, 

      {closeAfterEdit:true, afterSubmit:afterSubmitEvent}, // edit options

      {addCaption:'Create New something', afterSubmit:afterSubmitEvent,

       savekey:[true,13]}, // add options

      {afterSubmit:afterSubmitEvent}  // delete options

    );

    $("#customer_list").jqGrid('filterToolbar');

});

因此，将每一行的url作为dataUrl传递。我正在尝试阅读并将其设置为按钮。通过Firebug调试时，rowid为223（网格中只有12行），并且单元格值为空。目前，该按钮位于网格外部，但最好将其作为vavGrid的一部分

Answer 1

像下面的代码可以解决您的问题$("#customer_list").jqGrid ('navButtonAdd', '#customer_list_pager',    { caption: ""/*"Show"*/, buttonicon: "ui-icon-extlink", title: "Show Link",      onClickButton: function() {          var grid = $("#customer_list");          var rowid = grid.jqGrid('getGridParam', 'selrow');          window.location = grid.jqGrid('getCell', rowid, 'dataUrl');      }    });

Answer 2

您可以仅使show按钮成为网格中每一行的一部分，并使用自定义格式器将其转换为URL。根据Wiki中的示例，您可能需要以下内容：function myformatter ( cellvalue, options, rowObject ){&nbsp; &nbsp; return "<a href=\"" + cellvalue + "\">Show</a>";}

Answer 3

我通过将一个单元格设置为链接来尝试了类似的方法（格式器：'showlink'，formatoptions：getLink（））。我可以按照您的建议将url列转换为链接，但可能会浪费一些空间。仍然不确定getCell方法有什么问题！