layui表单表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格桌子。重载();
超文本标记语言表单表单
p style=' text-align : center ' img src=' http://img。cppcns。com/pic。PHP?URL=/file _ images/article/201909/20190911173925。jpg ' alt=' '//pdiv class=' layui-row ' form class=' layui-form layui-col-md12 x-so ' id=' zq _ search '菜单:输入id='name '类型=“文本”名称='name '占位符='请输入菜单自动完成='off' class='layui-input '按钮id=' search ' class=' layui-BTN ' lay-submit=' lay-filter=' search ' I class='layui-icon'/i/button/form/div js
$(function () { //注意:这里是数据表格的加载数据,必须写layui.use(['table ',' layer ',' form ',' laypage ',' laydate'],function(){ var table=layui。表/表格,layer=layui.layer //弹层,form=layui.form //form表单//...//监听提交lay-filter=' search '表单。on(' submit(search)',function(data){ var form data=data。字段;var name=formData.name,url=formData.url,icon=formData.icon,parent _ id=formData.parent _ id//执行重载table.reload('tableReload ',{ page: { curr: 1 //重新从第一页开始},其中: {//这里传参向后台名称:名称/可传多个参数到后台.分隔},URL : '/菜单/页面'//后台做模糊搜索接口路径,方法: ' post ' });返回false//false:阻止表单跳转真:表单跳转});});});最后如果还有不懂的可以参考获得官方文档:https://www .拉威。com/doc/modules/table。html #重载
以及获得模板在线演示:https://www . layui.com/doc/modules/table . html #重载
以上这篇获得表单表单提交之后重新加载数据表格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
版权声明:layui表单表单提交之后重新加载数据表格的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。