[layui]数据表格搜索关键字执行表格重载
<div class="layui-form">
关键字:<div class="layui-inline"><input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys1"><input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys2"></div><button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon"></i></button>
</div>
//搜索框 form.on('submit(searchBtn)', function (data) {console.log(data);console.log(data.field);var Keys1 = data.field.Keys1;var Keys2 = data.field.Keys2;table.reload('test', {page: {curr: 1 //重新从第 1 页开始 },where: {keys1: Keys1keys2: Keys2}});
});
<div class="layui-row"> <div class="layui-form"> <div class="layui-col-md6">商家名称:<div class="layui-inline"><input class="layui-input" placeholder="请输入商家名称" autocomplete="off" name="BusinessName"> </div><button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon"></i></button></div><div class="layui-col-md6"><label class="layui-form-label" style="width:120px !important">请选择筛选条件</label><div class="layui-input-inline"><select name="status" lay-filter="select"><option value="0">待审核</option><option value="1">审核通过</option><option value="2">审核不通过</option> </select></div> </div> </div> </div>
//搜索框
form.on('submit(searchBtn)', function (data) {console.log(data);console.log(data.field);var BusinessName= data.field.BusinessName; table.reload('test', {page: {curr: 1 //重新从第 1 页开始 },where: {BusinessName: BusinessName}});
});
//下拉框
form.on('select(select)', function(data){console.log(data.elem); //得到select原始DOM对象console.log(data.value); //得到被选中的值console.log(data.othis); //得到美化后的DOM对象var status=data.value;table.reload('test', {page: {curr: 1 //重新从第 1 页开始 },where: {status: status}}); });
[layui]数据表格搜索关键字执行表格重载相关推荐
- 在所有数据库的所有数据中搜索关键字
本例脚本旨在所有数据库的所有数据中搜索关键字,可将以下脚本直接拷贝使用,注意留意注解.本例的核心思路是用游标遍历所有数据库中所有表的所有列,用列名对关键字进行匹配,对匹配结果进行判断,然后只输出有关键 ...
- 根据搜索关键字动态显示表格数据
最近做了为dataTable表格添加一个模糊搜索框,在这里记录下我的实现过程. 由于我的表格数据是已经加载完成的,所以在这里直接记录我是如何实现在搜索框中输入关键字点击回车后,自动根据关键字显示搜索结 ...
- exls表格搜索快捷键_excel表格中的快捷键
Excel 快捷键和功能键 Ctrl 组合快捷键 按键 说明 Ctrl+( 取消隐藏选定范围内所有隐藏的行. Ctrl+) 取消隐藏选定范围内所有隐藏的列. Ctrl+& 将外框应用于选定单元 ...
- 计算机怎样将多行文字转换成表格,如何将Word表格多行内容转成一列的技巧
在日常办公应用中,我们经常会遇到将一个表格中各行内容连接起来作为一列形成新表的情况.以下是学习啦小编为您带来的关于将Word表格多行内容转成一列的技巧,希望对您有所帮助. 将Word表格多行内容转成一 ...
- php数据表格的重载,layui数据表格实现重载数据表格功能(搜索功能)
layui数据表格实现重载数据表格功能,以搜索功能为例 加载数据表格 实现搜索功能和数据表格重载 全部代码 加载数据表格 按照layui官方文档示例 HTML部分 JavaScript部分 var t ...
- layui数据表格接口_layui数据表格实现重载数据表格功能(搜索功能)
layui数据表格实现重载数据表格功能,以搜索功能为例 加载数据表格 实现搜索功能和数据表格重载 全部代码 加载数据表格 按照layui官方文档示例 HTML部分 JavaScript部分 var t ...
- layui数据表格实现重载数据表格功能(搜索功能)
这篇文章主要介绍了layui数据表格实现重载数据表格功能,以搜索功能为例进行讲解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 layui数据表格实现重载数据表格功能,以搜索功能为例 加载数据表格 ...
- LayUI数据表格查询与重载
查询功能模块的工作流程是: 在输入框中输入关键字,点击查询按钮,数据传输到服务端. 服务端接收到数据,进行查询后将数据拼接成前端框架所需要的json类型. 服务端返回查询结果,前端数据表格方法级渲染的 ...
- layui 数据表格下拉框_layui-table-column-select(layui数据表格可搜索下拉框select)
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...
最新文章
- CentOS 6和CentOS 7管理系统服务的区别
- python九九乘法口诀表-Python 九九乘法表
- Android--获取高清的app图标
- 根据对方提供的URL获取返回的数据流并保存为XML
- 通过一道面试题来看 C++ 语言中的表达式求值
- java nio集群_java – Hazelcast:连接到远程集群
- Scrapy 爬虫框架四 —— 动态网页及其 Splash 渲染
- hdu 4856 Tunnels
- webpack使用文档
- ~~Bellman-Ford算法
- flex AS中TabNavigator子项后报超出索引 commitProperties解决
- 本表收录的字符的Unicode编码范围为19968至40869
- 如何从命令行删除MongoDB数据库?
- tinyxml初体验
- 视频识别车牌号(Python)
- bulk insert java_oracle bulk Insert 比insert 快不是一点啊.
- 读《人工智能,李开复王咏刚》
- jeecg 框架 swagger后台接口文档 隐藏全部内容!!(解决漏洞监测)
- 【LED大屏文字显示---VUE】
- 【使用问题】密保邮箱接收不到验证码(解决办法)