easyi 不确定的可编辑单元格实现左右键移动

怼烎@ 2023-10-01 16:32 5阅读 0赞

1.先获取获得焦点的元素最近的div,然后获取div最近的td的的field;

var div=document.activeElement.closest("div");
    var field=div.closest('td').getAttribute('field');

2.获取正在编辑的行号，从而获取编辑器

var rows= $('#tb').datagrid("getPanel").find('.datagrid-row-editing');
     var ri = rows[0].rowIndex;//获取行号
     var editors = $('#tb3').datagrid('getEditors', ri);
     //editcol 可编辑的列field（按顺序排）
     for (let i = 0; i <editcol.length ; i++) {
        
         if (editclickfiled==editcol[i]){
        
                bjl=i;
            }
    }
    //键盘右键的按钮（根据你的可编辑的列的类型来）
    if (bjl>=parseInt(gg2cols)+1){
        
        editors[0].target.textbox('textbox').focus();
    }else if (bjl-1==gg2cols){
        
        editors[bjl+1].target.combobox('textbox').focus();
    }else {
        
       editors[bjl+1].target.textbox('textbox').focus();
    }
    
    //键盘左键的按钮（根据你的可编辑的列的类型来）
     if (bjl==0){
        
        editors[parseInt(gg2cols)+1].target.textbox('textbox').focus();
     }else if (bjl==(parseInt(gg2cols)+1)){
        
        editors[bjl-1].target.combobox('textbox').focus();
     }else if (bjl<parseInt(gg2cols)+1){
        
        editors[bjl-1].target.textbox('textbox').focus();
     }else {
        
        editors[0].target.textbox('textbox').focus();
     }

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关左右列的单元格合并

EasyExcel导出合并单元格，左右列的单元格合并 1、导出的实体类，也就是表头 @Data public class CityCapacityPo {

╰+攻爆jí腚メ/ 2024年02月05日 16:51/ 0 赞/ 62 阅读

相关 easyi 不确定的可编辑单元格实现左右键移动

1.先获取获得焦点的元素最近的div,然后获取div最近的td的的field; var div=document.activeElement.closest("div

怼烎@/ 2023年10月01日 16:32/ 0 赞/ 6 阅读

相关 Markdown编辑表格实现合并单元格、单元格内容换行

Markdown虽然没有合并单元格的语法，但是Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并。跨行合并使用 rowspan 属性跨

冷不防/ 2023年01月22日 05:54/ 0 赞/ 44 阅读

相关 elementui可编辑单元格_EXCEL工作表编辑与管理

\新作者扶植计划第二期\ 工作表编辑：建立一个工作簿，并对它进行编辑和格式化。(1)建立工作表：根据下列数据建立一个EXCEL工作簿，将该工作簿存入“自己的文件夹”，名为“

痛定思痛。/ 2023年01月03日 14:02/ 0 赞/ 218 阅读

相关前端：JS实现双击table单元格变为可编辑状态

相信这个功能对于很多同学都是很简单的了，但是对于我这个自称全栈的同学来说，还是值得做个笔记的，方便以后直接copy代码。这里就直接放代码了下面是有两种双击单元格的情况，

野性酷女/ 2022年12月01日 15:38/ 0 赞/ 557 阅读

相关 EasyUI DataGrid 编辑单元格

之前文章 [EasyUI DataGrid可编辑单元格 ][EasyUI DataGrid_]实现可编辑单元格，如果有多列都需要可编辑当点击一个单元格则此整行都会进行编辑

曾经终败给现在/ 2022年08月21日 02:12/ 0 赞/ 302 阅读

相关 EasyUI DataGrid可编辑单元格

效果如图： ![SouthEast][] 首先在需要可编辑的列上添加一个editor属性，列定义为numberbox编辑类型 <th field="SCOR

本是古典何须时尚/ 2022年08月02日 12:53/ 0 赞/ 308 阅读

相关 easyui-datagrid 编辑单元格

在做itoo成绩的时候，有个需求是教师判分，学生成绩有两部分组成：平时成绩和期末成绩，然后根据两种成绩比例算出总成绩。现在是有了平时成绩和成绩比例，输入期末成绩，计算出总成绩，

古城微笑少年丶/ 2022年07月03日 18:24/ 0 赞/ 292 阅读

相关 ant design Table实现可编辑的单元格

需求 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

向右看齐/ 2022年04月03日 10:48/ 0 赞/ 1499 阅读

相关 ExtJS Grid的单元格编辑Enter和TAB键的转换

ExtJS摘编（后续其它） 1. ExtJS的grid的按键，默认是Enter(Shift+Enter)上下移动光标，TAB（Shift+Tab）左右移动光标。

爱被打了一巴掌/ 2021年12月13日 00:15/ 0 赞/ 340 阅读