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方法的选项相同的选项。

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

$('#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列。行（id元素）的<tr>属性将已设置。不需要在网格的隐藏<td>元素中保存相同信息的副本。

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

免费的jgGrid节目在寻呼机上添加按钮

1 个答案: