PHP使用Layui解决表格复选框禁选的问题

宝源吖

已于 2022-02-17 16:52:30 修改

阅读量1.4k

点赞数

分类专栏： php layui 文章标签： php layui javascript

于 2022-02-17 16:51:22 首次发布

本文链接：https://blog.csdn.net/Peter_Pan0_0/article/details/122986183

版权

本文介绍了在PHP环境中使用Layui框架处理HTML表格时，如何解决复选框禁选的问题。当业务需求需要禁止某些行的复选框选择时，Layui本身未提供"LAY_DISABLED"属性。作者提供了修改table.js文件的方法，通过添加自定义属性实现复选框的禁用控制，无论是前端data传值还是后端传值，都可以通过在对象或数组元素中加入特定键值对来实现禁选功能。

摘要由CSDN通过智能技术生成

HTML的表格渲染相关代码与解析

var list = list.render({
            elem: '#ID'
            , url: ''   //接口
            , table: "tableName"
            , page: false
            , cols: [[
                {type: 'checkbox',name:'code'}
                , {field: 'one', width: '10%', title: '一'}
                , {field: 'two', width: '10%', title: '二'}
                , {field: 'three', width: '10%', title: '三'}
            ]]
            , text: '暂无数据'
        });

其中在 "cols" 中有一个 "checkbox" 的列，渲染如下图所示