在layui下对元素进行事件绑定的实例-创新互联

要注意的是记得要先引用element操作模块 ,否则是无法绑定的

创新互联自2013年起,先为庐阳等服务建站,庐阳等地企业,进行企业商务咨询服务。为庐阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

格式:

$(document).on(事件,标识,function(){});

 layui.use(['jquery', 'form', 'table', 'element'], function() {
  var form = layui.form;
  var table = layui.table;
  var element = layui.element;
  var $ = layui.$;
 
 
  // form.render();
  table.render({
   elem: '#tableList',
   // height: 315,
   url: "{{route('admin.data')}}",
   page: true, //开启分页 
   cols: [
    [ //表头
     { field: 'id', title: 'ID', sort: true, fixed: 'left' },
     { field: 'name', title: '用户名' },
     { field: 'role', title: '角色', sort: true },
     {
      field: 'status',
      title: '状态',
      templet: function(d) {
       return d.status == 0 ? '禁止' : '启用'
      }
     },
     { field: 'created_at', title: '创建时间' },
     {
      title: '操作',
      // minWidth: 200,
      templet: function(d) {
       return ''
      }
     }
    ]
   ]
  });
  //绑定事件
  $(document).on('click', '#edit', function(data) {
   var id = $(this).attr('data-id');
 
  });
  });

名称栏目:在layui下对元素进行事件绑定的实例-创新互联
网站链接:http://hbruida.cn/article/hgihi.html