layui子界面操作数据后主界面刷新怎么操作

这篇具有很好参考价值的文章主要介绍了layui子界面操作数据后主界面刷新怎么操作。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

layui子界面进行了增删改查需要在关闭后让主界面刷新


解决方案:

layui的admin.open方法支持传入回调函数,主要有以下几种回调:

  1. yes回调
  • 用于确定/提交按钮点击后的回调
  • 参数: index,layero

admin.open({
  yes: function(index, layero){
  // 提交数据
  submitData();
  // 关闭弹窗
  layer.close(index);
  }
})
 

  1. no回调
  • 用于取消按钮点击后的回调
  • 参数: index,layero

例如:

admin.open({
  no: function(index, layero){
  layer.close(index);
  }
})
 

  1. cancel回调
  • 用于右上角叉号或ESC键关闭弹窗后的回调
  • 参数: index, layero

admin.open({
  cancel: function(index, layero){
  layer.close(index); 
  }
})
 

  1. end回调
  • 不论任何操作都会执行的回调,弹窗完全关闭后调用
  • 参数: index, layero

admin.open({
  end: function(index, layero){
  // 弹窗关闭后的操作
  }
})
 

  1. success回调
  • 异步操作成功后的回调
  • 参数依赖具体情况

所以一般来说,admin.open的回调包括:yes、no、cancel、end。它们用于对应不同操作后的弹窗关闭处理。

根据自己情况设置即可文章来源地址https://www.toymoban.com/news/detail-729565.html

到了这里,关于layui子界面操作数据后主界面刷新怎么操作的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Selenium教程__界面的刷新、后退、前进操作(4)

    本文将介绍如何使用Selenium来实现界面的刷新、后退和前进操作,以便于测试、开发人员能够更好地控制和管理用户界面的交互行为。 通过学习本文内容,您将能够掌握Selenium中相关API的使用方法,并能够灵活地应用到您的项目中,从而提升用户体验和系统稳定性。  -事必有

    2024年01月19日
    浏览(38)
  • 前端框架Layui实现动态表格效果用户管理实例(对表格进行CRUD操作-附源码)

    目录 一、前言 1.什么是表格 2.表格的使用范围 二、案例实现 1.案例分析 ①根据需求找到文档源码 ②查询结果在实体中没有该属性 2.dao层编写 ①BaseDao工具类 ②UserDao编写 3.Servlet编写 ①R工具类的介绍 ②Useraction编写 4.jsp页面搭建 ①userManage.jsp  ②userEdit.jsp ③userManage.js ④us

    2024年02月16日
    浏览(45)
  • 【前端】Layui动态数据表格拖动排序

    目的:使用Layui的数据表格,拖动行进行排序。 使用插件:layui-soul-table 和 Layui 1.layui-soul-table文档:https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文档:Layui table模块 | 数据表格 | datatable - 在线演示 结合Layui并参看layui-soul-table官方教程,写的比较详细页比较简单。 实现

    2024年02月10日
    浏览(41)
  • layui无刷新式弹框编辑、layui日期重复、layui弹框调表、layui时间控件重复

    个人工作中前端遇到的问题总结,希望记录也能帮到看到帖子的你少走弯路! ------ layui时间控件重复一定要检查动态传参是否与控件的类型一致(layui日期重复)  var laydate = layui.laydate;   var curDate = new Date();   var endDate = (curDate.getFullYear()+1).toString() + \\\'-\\\' + (curDate.getMonth() + 1)

    2024年02月11日
    浏览(48)
  • Discuz论坛网站登录账号操作慢,必须强制刷新才会显示登录怎么办?

    飞飞发现在登录服务器大本营账号时,输入账号密码登录后还是显示的登录框,强制刷新后才知道已经登录了,每次都要刷新才能正常显示,非常影响用户体验,于是在网上找了类似的问题故障解决方法,目前问题已经解决,分享给你们参考。 首先我们在网站根目录 /uc_ser

    2024年01月18日
    浏览(63)
  • 【HarmonyOS】【ArkTS】如何使用HTTP网络请求获取动态数据刷新UI界面

    【】 HttpRequest、ArkTS、网络数据请求、@ohos.net.http 【前言】 在使用ArkTS开发HarmonyOS应用时,需要调用HTTP网络请求 @ohos.net.http 动态获取数据,进行UI列表刷新,这想必是应用开发最常见的功能。但是根据官网网络请求的示例代码进行功能开发时,封装方法进行HTTP请求后

    2024年02月08日
    浏览(46)
  • vuex怎么防止数据刷新丢失?

    在Vue.js应用程序中,Vuex是一个用于管理应用程序状态的状态管理库。默认情况下,Vuex的状态存储在内存中,并且在页面刷新时会丢失。 为了防止数据刷新丢失,你可以考虑以下几种方法: 这些方法可以帮助你防止Vuex数据刷新丢失。根据你的应用场景和需求,选择最适合你

    2024年03月13日
    浏览(36)
  • 【Qt】使用Qt实现Web服务器(九):EventSource+JSON实现工业界面数据刷新

    效果如下,实时刷新温度、湿度

    2024年04月08日
    浏览(49)
  • 前端页面点击刷新-触发vue生命周期加载最新数据

    需求背景:layout布局,页面头部通过定时器获取后端消息的伪消息通知功能,在点击消息时获取所有消息总数并且刷新页面,以便触发vue的生命周期重新获取所有消息,消息展示在content中。  要触发页面刷新,可以使用vue路由的router.push方法,添加一个动态的query参数,可以

    2024年02月21日
    浏览(50)
  • Android中的RecyclerView下拉/上拉刷新数据

            在Android中的列表视图(我们这里以RecyclerView为例)中有很多数据的时候,往往要采取限制数据条目显示,然后通过刷新再添加新的数据显示,这样看的就会比较美观,那么这种列表视图是怎么实现刷新的呢,我们一起来看看吧。 我们先看看美团的刷新 美团下拉/上拉

    2024年02月12日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包