layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格table.reload();
HTML form表单
菜单:
JS
$(function () {
//注意:这里是数据表格的加载数据,必须写
layui.use(['table', 'layer', 'form', 'laypage', 'laydate'], function () {
var table = layui.table //表格
,layer = layui.layer //弹层
,form = layui.form //form表单
// ..................
//监听提交 lay-filter="search"
form.on('submit(search)', function(data){
var formData = data.field;
var name = formData.name,
url=formData.url,
icon=formData.icon,
parent_id=formData.parent_id;
//执行重载
table.reload('tableReload', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {//这里传参 向后台
name: name
//可传多个参数到后台... ,分隔
}
, url: '/menu/page'//后台做模糊搜索接口路径
, method: 'post'
});
return false;//false:阻止表单跳转 true:表单跳转
});
});
});
以上这篇layui form表单提交之后重新加载数据表格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法相关推荐
- vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
- layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...
- Extjs6关于Ajax和form表单提交以及store请求session超时的处理方法
对于Store的处理 每个store配置的时候,配上load监听,加载时处理: usrStore : {model : 'App.model.Usr',autoLoad : false,proxy : ...
- form表单提交提示对象不支持此属性或方法
form.submit();js代码我是看了一遍又一遍,结论:代码没问题! 可问题究竟出在什么地方呢? 看到上面说:1.修改控件名称的:<input type="submit" ...
- ajax 模拟表单提交,Ajax模拟Form表单提交,含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
- from提交ajax,form表单提交与ajax消息传递
form表单提交与ajax消息传递 1.前后端传输数据编码格式contentType: urlencoded 对应的数据格式:name=xxx&password=666 后端获取数据:requ ...
- php阻止form提交表单提交,防止表单提交时刷新页面-阻止form表单的默认提交行为...
最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有 由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用 ...
- form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...
- form 表单提交时用ajax异步请求导致ajax请求结果无法接收问题
1.背景描述,有个公司内部用的小系统,不想大动干戈用太多前端框架,就用HTML5写了个登陆页面,刚开始想着用form表单提交登陆账户信息.后来因为前后端分离,并且统一用ajax调用后台服务交互数据,因 ...
最新文章
- WaitHandle.WaitAll 方法在WPF工程中的应用
- ZServer4D开源项目
- apue 第4章 文件和目录
- am335x uart5配置
- linux内核bios,BIOS的启动原理——Linux内核设计学习笔记
- python新建txt文件,并逐行写入数据
- webpack打包原理
- 气死N个女孩子的图片
- (51)FPGA状态机描述(四段式)
- perl常用正则表达式集合
- vue中使用setTimeout
- 计算机二级vfp教程云盘,全国计算机等级考试二级VFP教程.doc
- [3] UI原型设计工具Pencil Project 学习系列----- 进阶
- CC26x2R1笔记(8)CCS9.2 cc26xx环境的搭建
- 轮播图展示与轮播图管理
- 通过SimpleApp例程理解绑定的流程(三)
- 编译TWRP-recovery教程及源码地址
- 今日简史|尤瓦尔·赫拉利 mobi epub
- 全球半导体厂商TOP 10
- 屏幕取词 自动语音阅读软件