layui 弹出框里面做表格搜索
时间: 2023-09-06 18:09:22 浏览: 122
在 layui 弹出框里面做表格搜索可以使用 layui 自带的 table 模块,通过调用 table.render() 方法来实现。需要注意的是,在使用 table 模块时需要引入 table.js 文件。
具体使用方法如下:
1. 在 HTML 中定义一个表格,并设置表格的 ID。
```html
<table id="table"></table>
```
2. 在 JavaScript 中使用 layui.table.render() 方法来渲染表格。
```javascript
layui.use(['table'], function(){
var table = layui.table;
table.render({
elem: '#table',
url: 'data.json',
cols: [[
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'},
{field: 'sex', title: '性别'}
]]
});
});
```
3. 使用 layui.table.on() 监听表格的搜索事件。
```javascript
table.on('tool(table)', function(obj){
var data = obj.data;
if(obj.event === 'search'){
// 执行搜索操作
}
});
```
这样就可以在 layui 弹出框里面使用表格搜索了。
阅读全文