layuitable 点击事件

layuitable 是基于 layui 框架的表格组件，在其中可以通过监听表格的事件来实现点击事件。具体实现步骤如下：

1. 在表格渲染之前，设置表格的事件监听器：

layui.use('table', function(){
  var table = layui.table;
  
  //监听单元格事件
  table.on('tool(test)', function(obj){
    //获取当前行数据
    var data = obj.data;
    //获取当前行事件
    var event = obj.event;
    //根据事件类型进行相应的处理
    if(event === 'detail'){
      //处理详情事件
    } else if(event === 'edit'){
      //处理编辑事件
    } else if(event === 'delete'){
      //处理删除事件
    }
  });
  
  //渲染表格
  table.render({
    elem: '#test',
    url:'/demo/table/user/',
    cols: [[
      {field:'id', title:'ID', width:80},
      {field:'username', title:'用户名', width:120},
      {field:'sex', title:'性别', width:80, sort:true},
      {field:'city', title:'城市', width:100},
      {field:'sign', title:'签名', width:200},
      {field:'experience', title:'积分', width:80, sort:true},
      {field:'score', title:'评分', width:80, sort:true},
      {field:'classify', title:'职业', width:100},
      {field:'wealth', title:'财富', width:135, sort:true},
      {fixed: 'right', title:'操作', toolbar:'#barDemo', width:150}
    ]]
  });
});

2. 在表格的 HTML 代码中，设置每个单元格的事件类型：

<table id="test" lay-filter="test"></table>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
</script>

在上述代码中，通过 lay-event 属性为每个操作按钮指定了相应的事件类型，当用户点击该按钮时，就会触发相应的事件处理函数。