layui table监听checkbox没用

提问 未结
10 81
NoconKid
NoconKid 2018-12-7
悬赏:20飞吻
版本:layui 浏览器:


layui,table应该怎么监听checkbox??

哪位大哥知道啊
回帖
  • 红烧鱼i
    2018-12-7
    不是有一列 专做checkbox
    0 回复
  • 0 回复
  • NoconKid
    2018-12-8
    @四年之约 //监听工具条
    form.on('checkbox(edit)', function (obj) {

    /* var data = obj.data; //获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
    if(layEvent === 'edit'){ //查看
    //do somehing
    alert("11");
    } */
    alert("11");
    // console.log(data.value); //得到被选中的值

    });


    });

    </script>


    <script type="text/html" id="oper-col">
    <input type="checkbox" lay-skin="switch" {{d.id == 10001 ? 'checked' : ''}} lay-filter="edit" />
    </script>
    这样试了也没有用
    0 回复
  • Zlheb
    2018-12-8
    多看文档

    0 回复
  • NoconKid
    2018-12-8
    @Zlheb

    table.on('checkbox(table)',function(obj){


    alert("您好!");


    });


    });

    </script>

    <script type="text/html" id="oper-col">
    <input type="checkbox" lay-skin="switch" {{d.id == 10001 ? 'checked' : ''}} lay-filter="edit" />
    </script>

    昨天就试了没用
    0 回复
  • Zlheb
    2018-12-8
    你这不是table自带的复选框 如果你要在模板中使用表单元素 那么请将表格嵌套在表单中 并且使用layui对表单进行监听
    0 回复
  • NoconKid
    2018-12-10
    @Zlheb 直接写type=checkbox,是可以监听.但是那样title就是全选了,我title需要写文字,所以才这样写的
    0 回复
  • Zlheb
    2018-12-10
    checkbox一般都是放表格第一列的 最后一列都是放操作按钮 layui的数据表格可以设置第一列为checkbox 这个可以监听 不需要单独用模板去写复选框
    0 回复
  • @Zlheb 我上面说了,我知道那样能用,但是这样的话标题就是全选的功能了,我需要的标题是文字提示,这个功能不能全选
    0 回复
  • Zlheb
    7天前
    有很多种方法实现 可以用table自带的列type来生成checkbox 表头的第一列想要文字不是复选框全选那么可以用js动态的隐藏然后追加文本 还可以用模板渲染 但是这样表格不能对其进行监听 需要使用表单 用表单将表格包裹起来 再使用layui提供的表单监听复选框
    0 回复