如何在 Xiuno BBS 4.0 中使用 ajax dialog (动态请求内容弹出对话框) ?

已认证 已通过实名认证 xiuno
管理员
官方成员
2021-7-5 1104

先看看效果,点击按钮后,动态请求后端,弹出层,点击确定后,对话框消失:


Bootstrap 4 自带了 modal 对话框控件,但是需要预先把对话框的内容隐藏在当前页面,通过 JS 事件触发后显示。

不能满足我们的需求,我们希望这些内容是动态请求的,这样不用每个页面预先隐藏一大堆 HTML 代码,还有回调逻辑 JS 代码。


1. 具体做法,首先,给按钮指定需要动态请求的 URL、对话框大小,回调函数等参数。

1
<a href="mod-move.htm" data-modal-title="移动" data-modal-size="md">link</a>


2. mod-mov.htm 页面输出以下内容,注意,一定要包含class="ajax-body" 


2.1 接受参数,并且在完成业务逻辑后,调用回调函数、关闭当前窗口:



更详细的请参考以下文件:

view/js/bootstrap-plugin.js

view/htm/thread_list_mod.inc.htm

view/htm/mod_move.htm

view/htm/mod_close.htm

view/htm/mod_delete.htm


未登录提示:


关闭
他们喜欢这个资源
  • 奋进
  • xzw11111
  • ndwm
  • fenge
  • 微信用户_1660644584
  • 龙杏苔
  • 宋小强
  • ҉ 正在缓冲101%
  • 顺其自然
  • 清风?斜巷
  • noteweb
  • Vincent
  • benszhu
最新回复 (0)
    • Xiuno顶尖网
      2
        登陆 注册
  • benszhu
    2
     点击可以快捷回复 感谢 支持 不错 无奈 一般 生气 回帖 路过 顶帖
    表情
在线客服

特别说明

QQ客服仅提供有偿服务,如无付费意愿,请勿扰!一般问题请站内发帖咨询!
服务项目:
1,xiuno插件模板定制开发
2,xiuno网站BUG修复
3,xiuno个性化定制
4,xiuno仿站等

客服工作时间:8:00~22:00
在线客服