Skip to content

模态框触发器 modalTrigger

用法

输出模态框触发按钮(btn, a),及其关联的模态框(modal)。

同时使用触发按钮和模态框

php
modalTrigger
(
    btn('触发按钮'),
    modal
    (
        set::title('模态框标题'),
        '模态框内容'
    )
);

modal 组件用法请参考 modal

或者引用一个外部 modal:

php
modalTrigger
(
    btn('触发按钮'),
    set::target('#myModal')
);

modal
(
    set::id('myModal'),
    set::title('模态框标题'),
    '模态框内容'
);

仅使用触发按钮

php
modalTrigger
(
    to::trigger(btn('触发按钮')),
    set::title('模态框标题'),
    set::content('模态框内容')
);

属性

属性名类型默认值说明
targetstring模态框ID触发的目标模态框。
positionstring|number|object|function-模态框显示位置。
sizestring|number|object-触发按钮的大小。
backdropbool|stringtrue是否显示遮罩层。
keyboardboolfalse是否支持键盘ESC关闭。
moveablebooltrue是否支持拖动。
animationboolfalse启用模态框显示动画。
transTimenumber300模态框显示动画时间。
responsivebooltrue是否响应式。
typestringajax接口请求类型。
loadingTextstring加载中...加载中文本。
loadTimeoutnumber300加载超时时间。
failedTipstring加载失败加载失败提示。
timeoutTipstring加载超时加载超时提示。
titlestring-模态框标题。
contentstring-模态框内容。
customobject-自定义模态框内容。
urlstring-模态框内容URL。
requestobject-模态框内容请求参数。
dataTypestring-请求返回内容数据类型。

块名词映射类型说明
triggerbtn, a触发模态框的组件
modalmodal模态框

数据

https://zentao.net