Javascript jqGrid 4.0 bindKeys方法使用上下箭头键移动整个网格
我正在使用jqGrid 4.0,但有一个问题 以下是我的JavaScript代码:Javascript jqGrid 4.0 bindKeys方法使用上下箭头键移动整个网格,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,我正在使用jqGrid 4.0,但有一个问题 以下是我的JavaScript代码: $grid.jqGrid({ url:'parties-process.php?action=SELECT', datatype: "json", colNames:['Party ID', 'Party Name', 'Balance', 'Opening Balance', 'Opening Debit', 'Options'], colModel:[ {nam
$grid.jqGrid({
url:'parties-process.php?action=SELECT',
datatype: "json",
colNames:['Party ID', 'Party Name', 'Balance', 'Opening Balance', 'Opening Debit', 'Options'],
colModel:[
{name:'partyID',index:'partyID', width:55},
{name:'partyName',index:'partyName', width:150},
{name:'balance',index:'balance', width:50, align:'right'},
{name:'opening',index:'opening', hidden:true},
{name:'openingdr',index:'openingdr', hidden:true},
{name:'act',index:'act', width:150, sortable:false, align:'center', hidden:true}
],
scroll: true,
autowidth: true,
height: myLayout.panes.center.outerHeight()-183,
pager: jQuery('#pager'),
rowNum:999,
rowList:[10,20,30],
sortname: 'partyID',
viewrecords: true,
sortorder: "desc",
caption: "Parties",
gridComplete: function(){
var data = $grid.jqGrid('getDataIDs');
for(var i=0;i < data.length;i++){
var id = data[i];
editbtn = "<small><a class=\"editbtn\" onclick=\"edit('"+id+"');\">Edit</a></small> ";
deletebtn = "<small><a class=\"deletebtn\" onclick=\"del('"+id+"');\">Delete</a></small>";
$grid.jqGrid('setRowData',data[i],{act:editbtn+deletebtn});
}
$(".editbtn").button({
icons: { primary: "ui-icon-pencil" },
text: false
});
$(".deletebtn").button({
icons: { primary: "ui-icon-close" },
text: false
});
}
}).jqGrid('bindKeys');
$grid.jqGrid({
url:'parties-process.php?action=SELECT',
数据类型:“json”,
colNames:['Party ID','Party Name','Balance','期初余额','open Debit','Options'],
colModel:[
{名称:'partyID',索引:'partyID',宽度:55},
{名称:'partyName',索引:'partyName',宽度:150},
{名称:'balance',索引:'balance',宽度:50,对齐:'right'},
{name:'opening',index:'opening',hidden:true},
{name:'openingdr',index:'openingdr',hidden:true},
{name:'act',index:'act',width:150,sortable:false,align:'center',hidden:true}
],
卷轴:没错,
自动宽度:正确,
高度:myLayout.panes.center.outerHeight()-183,
pager:jQuery(“#pager”),
rowNum:999,
行列表:[10,20,30],
sortname:“partyID”,
viewrecords:是的,
巫师:“描述”,
标题:“各方”,
gridComplete:函数(){
var data=$grid.jqGrid('getdataid');
对于(变量i=0;i
问题是,当我按下向上和向下箭头键时,相应的行被选中,它也会滚动整个网格。我这样做是为了解决问题:
$(grid).bind('keydown', function (e) {
if (e.keyCode == 38 || e.keyCode == 40) e.preventDefault();
});
谢谢你的解决方案。我成功地使用了这个。