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();
    });
    就是这么简单,你学废了吗?感觉有用的话,给笔者点个赞吧 !
  • 相关阅读:
    实验4-1-5 韩信点兵 (10分)
    实验4-1-6 求分数序列前N项和 (15分)
    实验7-1-5 选择法排序 (20分)
    实验7-1-2 求最大值及其下标 (20分)
    第一次个人编程作业
    3.Vue.js-目录结构
    2.VUEJS-安装
    1.Vuejs-第一个实例
    Mybatis通用Mapper介绍与使用
    商城项目团购之定时任务2
  • 原文地址:https://www.cnblogs.com/zys2019/p/11877016.html
Copyright © 2011-2022 走看看