layui table表格一个列表输入两个字段中的一个
时间: 2023-06-25 12:05:37 浏览: 111
layui table 表格上添加日期控件的两种方法
你可以在表格的搜索框中输入关键词来实现在两个字段中的一个进行搜索。具体操作步骤如下:
1. 在表格的HTML代码中添加一个搜索框:
```html
<div class="layui-inline">
<input class="layui-input" name="keyword" placeholder="请输入搜索关键词">
</div>
```
2. 在JavaScript代码中,监听搜索框的输入事件,并更新表格的搜索条件:
```javascript
// 初始化表格
var table = layui.table;
table.render({
// ...
cols: [
[
{field: 'field1', title: '字段1'},
{field: 'field2', title: '字段2'}
]
]
});
// 监听搜索框的输入事件
$('input[name="keyword"]').on('input', function() {
var keyword = $(this).val();
// 更新表格的搜索条件
table.reload('table-id', {
where: {
keyword: keyword
}
});
});
```
3. 在后端接口中,根据搜索关键词进行匹配,并返回符合条件的数据:
```php
$keyword = $_GET['keyword'];
// 根据搜索关键词查询数据
$data = DB::table('table_name')
->where('field1', 'like', "%$keyword%")
->orWhere('field2', 'like', "%$keyword%")
->get();
// 返回查询结果
return response()->json($data);
```
阅读全文