zoukankan      html  css  js  c++  java
  • easyui datagrid 键盘上下控制选中行

    扩展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 selected = grid.datagrid('getSelected');
         if (selected) {
          var index = grid.datagrid('getRowIndex', selected);
          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;
        }
       });
      });
     }
    });

  • 相关阅读:
    Java Object类
    Java StringBuffer类
    Java String 类
    vuex的使用总结
    vue 周期函数
    vue-cli keep-alive用法以及activated,deactivated
    vue-cli 跳转方式
    vue-cli watch/timer
    vue-cli 使用better-scroll
    vue-cli less使用
  • 原文地址:https://www.cnblogs.com/zhangpengnike/p/3635923.html
Copyright © 2011-2022 走看看