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;
        }
       });
      });
     }
    });

  • 相关阅读:
    价格与用户权限
    bootstrap-validator
    关于项目管理的感想
    rabbitmq使用日记
    matplotlib
    JS滑动到页面底部
    排序算法思想
    杀死指定进程
    pycharm的一些快捷键
    对支付宝支付的理解
  • 原文地址:https://www.cnblogs.com/zhangpengnike/p/3635923.html
Copyright © 2011-2022 走看看