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

axiuno 4月前 785

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


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

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


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

<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



最新回复 (5)
返回
发新帖