LayUI-Table-添加禁止选中

六月ゝ 毕业季﹏ 提交于 2019-12-25 12:52:40

LayUI这几年比较流行,里面的Table组件也比较强大,但是前面的CheckBox没有禁止选中功能,今天就来试试,看看能不能给添加一个禁止选中功能。

Fork LayUI源码

  • LayUI项目地址
  • Clone到本地
  • 找到src里面lay下面的modules文件夹里面的table.js

添加字段标记

  • 参照这里我们也添加一个"IS_DISABLE"的标记

  • 添加完如下
 config: {
            checkName: 'LAY_CHECKED', //是否选中状态的字段名
            indexName: 'LAY_TABLE_INDEX', //下标索引名
            disableName: 'LAY_DISABLED' //是否禁用
        } //全局配置项

修改代码逻辑

  • 找到区域模板里面的 lay-filter="layTableAllChoose"

  • 在后面添加如下代码
 {{# if(item2[d.data.disableName]){ }} disabled {{# }; }} 

测试

  • 在数据里面添加 "LAY_DISABLED": true,
  • 来看看效果

源码

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!