(转)layui 表格列编辑获取编辑前的值然后重新赋值，并通过键盘控制编辑位置

表格列编辑获取编辑前的值然后重新赋值

//监听单元格编辑
table.on('edit(postTable)', function (obj) {
    var value = obj.value //得到修改后的值
        , data = obj.data //得到所在行所有键值
        , field = obj.field; //得到字段
    // 单元格编辑之前的值
    var $td = $(this).parents('td').eq(0);
    if (value !== 1) {
        //重新赋值
        layer.msg('错误提示', { icon: 5, time: 2000 });
        var old = $td.data('content');
        obj.update({[field]: old});
        return;
    }
})

通过键盘控制编辑位置

/*
*编辑数据表格，键盘快捷键方法。
*可跳过无编辑属性的列
*tab 右边一个单元格
*shift + tab 左边一个单元格
*enter 下一行的单元格
*shift + enter 上一行的单元格
*/
$(document).on('keydown keyup', '.layui-input',function (event) {
    var td = $(this).parent('td'),
        index = td.index(),
        tr = td.parent('tr'),
        isShift = $(document).data('shift'),
        isKeydown = (event.type == "keydown");
    switch (event.key) {
        case "Shift":
            $(document).data('shift', isKeydown);
            break;
        case "Tab":
            event.preventDefault();
            isKeydown && td[isShift ? 'prevAll' : 'nextAll']('[data-edit="text"]:first').click();
            break;
        case "Enter":
            isKeydown && tr[isShift ? 'prev' : 'next']().children('td').eq(index).click();
            break;
    }
})

您在本文章已经停留了大概 。
喜欢的话就点个赞吧！或着请我喝个冰可乐，我就太感谢你了！