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
Libérer: 2016-05-16 16:53:58
original
1248 Les gens l'ont consulté

扩展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; 🎜>});
});
}
});

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal