免费的 jgGrid 在寻呼机上显示添加按钮

Question

我正在设置一个简单的 jqGrid，并将进行内联编辑和删除，但现在试图让添加按钮显示在寻呼机上。我将从默认的添加操作开始，但我似乎不记得如何让添加按钮显示在那里，我想知道在免费的 jqGrid 上执行此操作的简洁方法。

这是当前代码。谢谢

$('#press_op_setup').jqGrid({
        url:'grid.php',
        postData:{
            'arg1':'press_ops'
        },
        height: 'auto',
        datatype: 'xml',
        mtype: 'POST',
        width: 400,
        colNames:[
            'id',
            'Emp Num'
        ],
        colModel:[
            {name: 'id', hidden: true, key: true},
            {name: 'empnum'}
        ],
        inlineEditing: {addRow: {}},
        sortname: 'empnum',
        sortorder: 'asc',
        viewrecords: true,
        gridview: true,
        caption: 'Press Operators',
        rowNum: 100,
        pager: true
    });
})

Answer 1

我不确定我是否正确理解了您的需求。您应该至少调用 inlineNav 方法或同时调用 navGrid 和 inlineNav。您可以在创建网格后直接调用这些方法。使用 navOptions 和 inlineNavOptions 您可以指定 navGrid 和 inlineNav 的附加选项。或者，您可以直接使用与 navGrid 和 inlineNav 方法的选项相同的选项。

有一件事不能以简单的方式工作：导航栏（寻呼机）内的按钮重新排序。您仍然可以使用 jQuery 方法移动 DOM 元素，例如 append、prepend 等。例如，您的代码可能如下所示：

$('#press_op_setup').jqGrid({
    url:'grid.php',
    postData:{
        'arg1':'press_ops'
    },
    datatype: 'xml',
    mtype: 'POST',
    width: 400,
    colNames:[
        'id',
        'Emp Num'
    ],
    colModel:[
        //{name: 'id', hidden: true, key: true},
        {name: 'empnum'}
    ],
    inlineEditing: { keys: true },
    sortname: 'empnum',
    sortorder: 'asc',
    viewrecords: true,
    caption: 'Press Operators',
    rowNum: 100,
    pager: true,
    navOptions: { add: false, edit: false, search: false, refresh: false },
    inlineNavOptions: { add: true, edit: true }
}).jqGrid("navGrid")
    .jqGrid("inlineNav");
$("#press_op_setup_iladd").prependTo($("#press_op_setup_iladd").parent());

我删除了不需要的隐藏 id 列。行（<tr> 元素）的 id 属性将已设置。不需要在网格的隐藏 <td> 元素中保留相同信息的副本。

我删除了不需要的 height: 'auto' 和 gridview: true 选项，它们是免费 jqGrid 的默认选项。 inlineEditing 内的空 addRow: {} 也不需要。您应该只指定您真正需要设置的属性，如上面的 keys: true。

免费的 jgGrid 在寻呼机上显示添加按钮

Free jgGrid show add button on pager

jquery

arrays

jqgrid

free-jqgrid