jqGrid有3种编辑模式:
Cell Editing
Inline Editing
Form Editing1.我现在可以实现Form Editing,但编辑窗口上有左右按钮,用来移动记录到上一条或下一条,我不想要这2个按钮,如何屏蔽?2.如何实现Inline Editing我目前部分JSP的代码如下:
/*****************************************/
<script type="text/javascript">
$(function(){
$("#list").jqGrid({
……
colNames:['商品编码','总数量', '总金额','均价'],
colModel :[
{name:'GoodsID', index:'GoodsID',key:'true', width:100,align:'right'},
{name:'Amount', index:'Amount', width:50, align:'right'},
{name:'TotalSum', index:'TotalSum', width:90, align:'right',editable:true}, // editable:true 设置该列可编辑
{name:'AvgPrice', index:'AvgPrice', width:90, align:'right'}
],
……
});
jQuery("#list").jqGrid('navGrid',"#pager",{refresh:false,add:false,del:false},
{savekey: [true, 13], navkeys: [false, 38, 40]},
{},
{}
);
jQuery("#list").jqGrid('inlineNav',"#pager",{
edit: true,
editicon: "ui-icon-pencil"
});
});
/*****************************************/
Cell Editing
Inline Editing
Form Editing1.我现在可以实现Form Editing,但编辑窗口上有左右按钮,用来移动记录到上一条或下一条,我不想要这2个按钮,如何屏蔽?2.如何实现Inline Editing我目前部分JSP的代码如下:
/*****************************************/
<script type="text/javascript">
$(function(){
$("#list").jqGrid({
……
colNames:['商品编码','总数量', '总金额','均价'],
colModel :[
{name:'GoodsID', index:'GoodsID',key:'true', width:100,align:'right'},
{name:'Amount', index:'Amount', width:50, align:'right'},
{name:'TotalSum', index:'TotalSum', width:90, align:'right',editable:true}, // editable:true 设置该列可编辑
{name:'AvgPrice', index:'AvgPrice', width:90, align:'right'}
],
……
});
jQuery("#list").jqGrid('navGrid',"#pager",{refresh:false,add:false,del:false},
{savekey: [true, 13], navkeys: [false, 38, 40]},
{},
{}
);
jQuery("#list").jqGrid('inlineNav',"#pager",{
edit: true,
editicon: "ui-icon-pencil"
});
});
/*****************************************/
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货