首頁  >  文章  >  web前端  >  easyui datagrid 鍵盤上下控制選中行範例_jquery

easyui datagrid 鍵盤上下控制選中行範例_jquery

WBOY
WBOY原創
2016-05-16 16:53:581178瀏覽

擴充datagrid的一個方法keyCtr

複製程式碼程式碼如下:

$🎜>程式碼如下:


$.extend($. fn.datagrid.methods, {
keyCtr : function (jq) {
return jq.each(function () {
var grid = $(this);
gridPanel.datagrid('getel' ).panel('panel').attr('tabindex', 1).bind('keydown', function (e) {
switch (e.keyCode) {
case 38: // 上
var selected = grid.datagrid('getSelected');
if (selected) {
var index = grid.datagrid('getRowIndex', selected);
grid.datagrid('selectRow', indexselectRow', indexselectRow', indexselectRow', indexselectRow', indexselectRow', - 1);
} else {
var rows = grid.datagrid('getRows');
grid.datagrid('selectRow', rows.length - 1);
情況40: / / 延續
var selected = grid.datagrid('getSelected');
if (selected) {
var index = grid.datagrid('getRowIndex', selected)
grid.datagrid('getRowIndex', selected)
grid.datagrid( 'selectRow ', 索引1);
} else {
grid.datagrid('selectRow', 0);
break; 🎜>});
});
}
} );

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn