ホームページ >ウェブフロントエンド >jsチュートリアル >easyui datagridキーボードの上下制御選択行example_jquery

easyui datagridキーボードの上下制御選択行example_jquery

WBOY
WBOYオリジナル
2016-05-16 16:53:581248ブラウズ

扩展datagrid の 1 つの方法keyCtr

复制代代码如下:

$.extend($. fn.datagrid.methods, {
keyCtr : function (jq) {
return jq.each(function () {
var Grid = $(this);
grid.datagrid('getPanel' ).panel('panel').attr('tabindex', 1).bind('keydown', function (e) {
switch (e.keyCode) {
case 38: // up
var selected = Grid.datagrid('getSelected');
if (selected) {
varindex = Grid.datagrid('selectRow', selected); - 1);
} else {
var rows = Grid.datagrid('getRows');
grid.datagrid('selectRow', rows.length - 1); Break;
case 40: // down
var selected = Grid.datagrid('getSelected');
if (selected) {
varindex = Grid.datagrid('getRowIndex', selected) ;
grid.datagrid('selectRow', インデックス 1);
grid.datagrid('selectRow', 0);
}
});
});
}
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。