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

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

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


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


未登录提示:


关闭
最新回复 (0)
    • Xiuno顶尖网
      2
        登陆 注册
在线客服

特别说明

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

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