zoukankan      html  css  js  c++  java
  • LayUI之数据表格扩展

    1.点击一行 选中

    以下代码需要在表格渲染完成时加载。

    1)当单击表格行时,把单选按钮设为选中状态

    //当单击表格行时,把单选按钮设为选中状态
    $(document).on("click", ".layui-table-body table.layui-table tbody tr", function() {
        var obj = event ? event.target : event.srcElement;
        var tag = obj.tagName;
        var checkbox = $(this).find("td div.laytable-cell-radio div.layui-form-radio I");
        if (checkbox.length != 0) {
            if (tag == 'DIV') {
                checkbox.click();
            }
        }
    });
    $(document).on("click", "td div.laytable-cell-radio div.layui-form-radio", function(e) {
        e.stopPropagation();
    });

    2)当单击表格行时,把多选按钮设为选中状态

    //当单击表格行时,把多选按钮设为选中状态
    $(document).on("click", ".layui-table-body table.layui-table tbody tr", function() {
        var obj = event ? event.target : event.srcElement;
        var tag = obj.tagName;
        var checkbox = $(this).find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
        if (checkbox.length != 0) {
            if (tag == 'DIV') {
                checkbox.click();
            }
        }
    });
    $(document).on("click", "td div.laytable-cell-checkboxdiv.layui-form-checkbox", function(e) {
        e.stopPropagation();
    });
    就是这么简单,你学废了吗?感觉有用的话,给笔者点个赞吧 !
  • 相关阅读:
    IDEA中用好Lombok,撸码效率至少提升5倍
    在 IDEA 中使用 Debug,真是太厉害了!
    彻底理解cookie,session,token
    优秀的程序员一定要多写博客!
    IntelliJ IDEA 从入门到上瘾教程,2019图文版!
    注解配置
    过滤器(登录认证)
    过滤器
    Session监听器
    request监听器
  • 原文地址:https://www.cnblogs.com/zys2019/p/11877016.html
Copyright © 2011-2022 走看看