easyUI在可编辑的datagrid中通过上下键来选择行的方法（官版）

最新推荐文章于 2021-01-19 11:27:09 发布

原创最新推荐文章于 2021-01-19 11:27:09 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端开发专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用EasyUI框架的数据表格编辑功能实现方法，通过监听开始编辑事件来为指定列设置数字输入框，并实现了回车键导航到下一行的功能。

onBeginEdit: function(index,row){
  var dg = $(this);
  var editors = dg.edatagrid('getEditors',index);
  for(var i=0; i<editors.length; i++){
    $(editors[i].target).numberbox('textbox').bind('keydown',function(e){
      if (e.keyCode == 13){
        dg.edatagrid('endEdit', index);
        if (index<dg.edatagrid('getRows').length-1){
          dg.edatagrid('selectRow', index+1).edatagrid('beginEdit', index+1);
        }
      }
    })
  }
  if (editors.length){
    $(editors[0].target).numberbox('textbox').focus();
  }
}

官方api文档地址：

http://www.jeasyui.com/forum/index.php?topic=6287.0