Maison >interface Web >js tutoriel >easyui datagrid clavier haut et bas contrôle la ligne sélectionnée example_jquery

easyui datagrid clavier haut et bas contrôle la ligne sélectionnée example_jquery

WBOY
WBOYoriginal
2016-05-16 16:53:581246parcourir

扩展datagrid的一个方法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 sélectionné = grid.datagrid('getSelected');
if (sélectionné) {
var index = grid.datagrid('getRowIndex', sélectionné
grid.datagrid('selectRow', index); - 1);
} else {
var rows = grid.datagrid('getRows');
grid.datagrid('selectRow', rows.length - 1); break;
case 40 : // down
var selected = grid.datagrid('getSelected');
if (selected) {
var index = grid.datagrid('getRowIndex', selected) ;
grid.datagrid('selectRow', index 1);
} else {
grid.datagrid('selectRow', 0);
break; 🎜>});
});
}
});

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn