layuiedit 出错监听编辑

最新推荐文章于 2024-11-22 12:01:23 发布

原创最新推荐文章于 2024-11-22 12:01:23 发布 · 1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一个使用layui框架的表格编辑监听事件的实现方法，详细解释了如何在用户修改表格特定字段时进行数据验证，例如确保评分字段不输入负数。

// 监听编辑
      table.on('edit(test)', function (obj) {
        var tableId = obj.tr.closest('.layui-table-view').attr('lay-id');
        var trIndex = obj.tr.data('index');
        var that = this;
        var tdElem = $(that).closest('td');

        var field = obj.field;
        var value = obj.value;
        if (field === 'score') {
          value = parseInt(value);
          if (value < 0) {
            setTimeout(function () {
              // 小于0回滚再次获得焦点打开
              // obj.update({score: table._dataTemp[tableId][trIndex][field]});
              obj.update({score: 0});
              layer.msg('评分不能为负数!', {anim: 6});
              tdElem.click();
            }, 100);
          }
        }
      });