模态框触发器 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('模态框内容')
);
属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
target | string | 模态框ID | 触发的目标模态框。 |
position | string|number|object|function | - | 模态框显示位置。 |
size | string|number|object | - | 触发按钮的大小。 |
backdrop | bool|string | true | 是否显示遮罩层。 |
keyboard | bool | false | 是否支持键盘ESC关闭。 |
moveable | bool | true | 是否支持拖动。 |
animation | bool | false | 启用模态框显示动画。 |
transTime | number | 300 | 模态框显示动画时间。 |
responsive | bool | true | 是否响应式。 |
type | string | ajax | 接口请求类型。 |
loadingText | string | 加载中... | 加载中文本。 |
loadTimeout | number | 300 | 加载超时时间。 |
failedTip | string | 加载失败 | 加载失败提示。 |
timeoutTip | string | 加载超时 | 加载超时提示。 |
title | string | - | 模态框标题。 |
content | string | - | 模态框内容。 |
custom | object | - | 自定义模态框内容。 |
url | string | - | 模态框内容URL。 |
request | object | - | 模态框内容请求参数。 |
dataType | string | - | 请求返回内容数据类型。 |
块
块名词 | 映射类型 | 说明 |
---|---|---|
trigger | btn , a | 触发模态框的组件 |
modal | modal | 模态框 |
数据
无