layui table 新增查询条件 重新加载

在 layui 的表格中，如果需要新增查询条件并重新加载表格，可以通过以下步骤来实现：

1. 在页面中添加一个新的查询条件输入框，例如：

<div class="layui-inline">
  <label class="layui-form-label">关键字</label>
  <div class="layui-input-inline">
    <input type="text" name="keyword" placeholder="请输入关键字" class="layui-input">
  </div>
</div>

2. 在表格的初始化代码中，将新增的查询条件加入到 `where` 对象中，例如：

table.render({
  elem: '#demo',
  url: '/api/table',
  where: {
    keyword: '', // 新增的查询条件
  },
  cols: [...]
});

3. 监听查询按钮的点击事件，获取新的查询条件值并重新加载表格，例如：

// 监听查询按钮的点击事件
form.on('submit(search)', function(data){
  // 获取新的查询条件值
  var keyword = data.field.keyword;
  // 重新加载表格
  table.reload('demo', {
    where: {
      keyword: keyword,
    },
    page: {
      curr: 1, // 重置页码为第一页
    }
  });
  return false;
});

这里的 `search` 是查询按钮的 lay-filter 值，当用户点击查询按钮时，会触发该事件。在事件处理函数中，我们首先获取新的查询条件值，然后调用 `table.reload` 方法重新加载表格。需要注意的是，在重新加载表格时，我们需要将 `where` 对象中的 `keyword` 属性值更新为新的查询条件值，并将页码 `page.curr` 重置为第一页，以便重新查询数据。