• layui table获取第一个元素


    页面上的元素:

    <table id="aaaaa" style="height: 300px;" class="layui-hide" lay-filter="type" width="100%" data-type="getType"></table>

    js:

    layui.use('table', function () {
            table = layui.table;
            element = element;
            //方法级渲染
            tableIns = table.render({
                id: 'aaaaaa',
                elem: '#aaaaaa',
            //表数据接口地址 url:
    '/aa/bb/cc',
            //列: cols: [[ { title:
    '序号', '20%', templet: function (res) { return res.LAY_INDEX; } }, {field: 'xxx', title: 'xxx列名称', '60%', sort: false}, {field: 'www', title: 'www列名称', '20%', toolbar: "#toolBarType"} ]],
            //是否分页 page:
    true,
            //渲染完成,以及调用更新方法渲染后的事件: done: function (res, currentCount) {
              
              //获取表格的第一行
    let firstType = $('.layui-table-view[lay-id="aaaaaa"]').children('.layui-table-box').children('.layui-table-body').find('table tbody tr[data-index="0"]'); if(firstType.length > 0){
                //如果有第一个元素,自动点击一下 firstType.click(); }
    else{
                //因为页面中有多个表格,所以自定义了一个方法,可以根据表格的id清空表格 clearLayuiTable(
    "aaaaaa"); } } }); table.on('tool(type)', function (obj) { var data = obj.data; if (obj.event === 'detailType') { //查看事件 }if(obj.event === 'editType') { //编辑事件 }if (obj.event === 'delType') { //删除事件 } }) table.on('row(type)', function(obj){
           //行点击事件
    var data = obj.data; }); })

    表格的事件按钮:  (这里的toolBarType需要跟上面的toolbar一致)

    <script type="text/html" id="toolBarType">
       <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detailType">查看</a>
        <a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="editType">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delType">删除</a>
    </script>
  • 相关阅读:
    关于编码的两个小点(摘)
    c#中类和成员的修饰符介绍
    jquery/js不支持ie9以下版本的方法或属性
    一次Linux系统被攻击的分析过程
    运维堡垒机(跳板机)系统 python
    puppet 3+Unicorn+Nginx安装配置
    用memcache来同步session
    php+memcache实现的网站在线人数统计
    CentOS yum 源的配置与使用
    Bind+DLZ构建企业智能DNS/DNS
  • 原文地址:https://www.cnblogs.com/know-more/p/14070122.html
Copyright © 2020-2023  润新知