免费jgGrid节目在寻呼机上添加按钮
我正在设置一个简单的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 }); })
我不确定我是否正确理解你需要什么。 您应至少调用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
列。 行(
元素)的id
属性将已设置。 不需要在网格的隐藏
元素中保存相同信息的副本。
我删除了不需要的height: 'auto'
和gridview: true
选项,这是免费jqGrid的默认选项。 inlineEditing
内的空addRow: {}
。 您应该只指定您需要设置的属性,如上所示keys: true
。