Question

我正在尝试复制顶部工具栏底部工具栏中显示的操作按钮。

但到目前为止还没有运气，我在下面列出了截断的代码。

在这种情况下，分页不是一个选项，因此用户需要顶部和底部工具栏。

jQuery("#GridName").jqGrid({
    url: '<%= ResolveUrl("~") %>SomeController/SomeMethod ....',
    datatype: 'json',
    colNames: ['Column1', 'Column2',  'Details', 'Date'],
    colModel: [
        //......
    ],
    pager: '#GridNamePager',
    viewrecords: true,
    emptyrecords: "Nothing to display",
    shrinkToFit: true,
    hidegrid: false,
    scroll: false,
    width: 976,
    height: 'auto',
    loadui: 'enable',
    pgtext: '',
    pgbuttons: false,
    pginput: false,
    multiselect: true,
    multiboxonly: true,
    toolbar:[true,"top"],
    ondblClickRow: function(id) {
        var publishedUrl =
           $("#GridName").find("tbody")[0].rows[id-1].cells[5].innerHTML;
    },
    caption: "Grid Results"
}).navGrid('#GridNamePager', { add: false, edit: false, del: false,
                               search: false, cloneToTop:true })
  .navButtonAdd('#GridNamePager', { caption: "Save", onClickButton:
             function() { Save(); return false; }, position: "last" })
  .navButtonAdd('#GridNamePager', { caption: "Back", onClickButton:
             function() { redirectBack(); return false; }, position: "last" })

，其中

<table id="GridName" class="scroll"></table>
<div id="GridnamePager" class="scroll" style="text-align:center;"></div>

Answer 1

答案Adding button to jqGrid top toolbar可能对你有帮助吗？如果没有尝试更准确地解释导航栏或其他jqGrid元素的哪些元素，您将移动到另一个地方。

jqGrid顶部工具栏

1 个答案: