layui怎么加入点击事件

在 layui 中，你可以通过给 HTML 元素添加 lay-filter 属性，然后在 JavaScript 中通过 layui.use() 方法监听点击事件。下面是一个示例代码：

HTML：

<button lay-filter="btnClick">点击按钮</button>

JavaScript：

layui.use(['layer', 'form'], function(){
  var layer = layui.layer;
  var form = layui.form;

  form.on('submit(btnClick)', function(){
    // 在这里编写点击事件的处理逻辑
    layer.msg('按钮被点击了！');
    return false; // 阻止表单提交
  });
});

在上述代码中，我们给按钮添加了 lay-filter 属性，并设置为 "btnClick"。然后在 JavaScript 中使用 form.on() 方法来监听按钮的点击事件，当按钮被点击时，会执行回调函数中的代码。在示例中，我们使用 layui 的 layer.msg() 方法来显示一个提示框，表示按钮被点击了。

需要注意的是，上述代码需要先引入 layui 的相关资源文件，如 layui.js 和 layui.css。

相关问题

layui json生成的表格添加点击事件

在 layui 的表格中添加点击事件，可以通过监听表格的 `tool` 事件来实现。具体步骤如下：

1. 在表格的 `toolbar` 中添加一个按钮，并设置一个自定义的 `lay-event` 值，用于区分不同的操作。

toolbar: '<div class="layui-btn-container">' +
    '<button class="layui-btn layui-btn-sm" lay-event="add">添加</button>' +
    '</div>',

2. 监听表格的 `tool` 事件，判断点击的按钮类型，并根据需要执行不同的操作。

table.on('tool(test)', function(obj){
    var data = obj.data; // 获取当前行数据
    if(obj.event === 'add'){ // 判断点击的按钮类型
        // 执行添加操作
        console.log('add', data);
    }
});

完整的代码示例如下：

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

layui.use(['table'], function(){
    var table = layui.table;

    // 渲染表格
    table.render({
        elem: '#test',
        url: '/demo/table/user/',
        toolbar: '<div class="layui-btn-container">' +
            '<button class="layui-btn layui-btn-sm" lay-event="add">添加</button>' +
            '</div>',
        cols: [[
            {field:'id', title:'ID', width:80},
            {field:'username', title:'用户名'},
            {field:'email', title:'邮箱'},
            {field:'sex', title:'性别', width:80},
            {field:'city', title:'城市'},
            {field:'sign', title:'签名'},
            {field:'experience', title:'积分', width:80},
            {field:'logins', title:'登入次数', width:100},
            {field:'ip', title:'IP', width:120},
            {field:'joinTime', title:'加入时间', width:120},
            {fixed: 'right', title:'操作', toolbar: '<div><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>', width:120}
        ]]
    });

    // 监听表格的 tool 事件
    table.on('tool(test)', function(obj){
        var data = obj.data; // 获取当前行数据
        if(obj.event === 'add'){ // 判断点击的按钮类型
            // 执行添加操作
            console.log('add', data);
        }
    });
});

layui表格点击删除，删除data数组里面的假数据

好的，我了解你的问题。您可以使用Layui表格的事件监听函数来实现删除操作。具体步骤如下：

1. 在table配置中加入一个toolbar属性，指定工具栏的ID，例如：

table.render({
elem: '#demo',
toolbar: '#toolbarDemo',
...
});

2. 在页面中添加工具栏，例如：

<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
</div>

3. 在table的事件监听函数中绑定删除事件并处理数据，例如：

table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'delete':
var data = checkStatus.data;
// 遍历选中的行并删除
layui.each(data, function(index, item){
var dataIndex = table.getIndex(tableIns.config.id, item);
table.deleteRow(tableIns.config.id, dataIndex);
});
break;
};
});

这样就可以在点击删除按钮后，删除选中的行并在data数组中更新数据了。