zeroModal相关
### 正确/错误、警告提示
~~~
zeroModal.error('请选择数据进行操作!');
~~~
![](https://box.kancloud.cn/afd6a9679c869a29a70a13698c211659_530x385.png)
~~~
zeroModal.success('操作成功!');
~~~
![](https://box.kancloud.cn/dcc922280d6a98ac8ff2af395c235ed2_486x367.png)
~~~
zeroModal.confirm({
content: '确定提交审核吗?',
contentDetail: '提交后将不能进行修改。',
okFn: function() {
alert('ok');
},
cancelFn: function() {
alert('cancel');
}
});
~~~
![](https://box.kancloud.cn/2c696cedc0009ecaab15a0de0df40bac_526x383.png)
~~~
zeroModal.alert({
content: '操作提示!',
contentDetail: '请选择数据后再进行操作',
okFn: function() {
alert('ok callback');
}
});
~~~
![](https://box.kancloud.cn/e076c67190c09c760e676ec3bebcc6c8_458x371.png)
### 加载中
~~~
zeroModal.loading(type); // type:1~6
~~~
1:
![](https://box.kancloud.cn/ff36fb74cbe17134b28ccbc3b750d927_630x140.png)
2:
![](https://box.kancloud.cn/f9dd89bfa2a69cc0f248454707c315b6_463x104.png)
3:
![](https://box.kancloud.cn/07a6a553743af761f2c4684a74f6abb0_565x109.png)
4:
![](https://box.kancloud.cn/eab7b1f77e77f7750f5729efd4cb912e_587x86.png)
5:
![](https://box.kancloud.cn/2b3b33c739ef33eb9626c925c686f900_661x116.png)
6:
![](https://box.kancloud.cn/c07404c6bab94fbb5d25415c33abc58f_683x110.png)
参数
~~~
title:标题。
content:显示内容。
url:如果输入url,将会根据url返回的内容显示在弹出层中。
iframe:是否需要嵌入iframe,默认false,该参数需要和url一起使用。
width:宽度(px、pt、%)。
height: 高度(px、pt、%)。
transition:是否需要出场动画,默认false。
overlay:是否需要显示遮罩层,默认true。
overlayClose:是否允许点击遮罩层直接关闭弹出层,默认false。
opacity: 遮罩层的透明度,默认0.2。
resize:是否允许调整大小,默认false。
resizeAfterFn:调整大小后触发的事件。
ok:是否启用“ok”按钮,默认false。
okTitle:ok”按钮的显示值,默认为“确定”。
okFn:点击“ok”按钮触发的事件。
cancel:是否启用“cancel”按钮,默认false。
cancelTitle:cancel”按钮的显示值,默认为“取消”。
cancelFn:点击“cancel”按钮触发的事件。
buttons:自定义的按钮,使用了自定义按钮ok与cancel按钮将不会生效;格式:`[{ className: 'zeromodal-btn zeromodal-btn-primary', name: '开始导出' }]`。
esc:是否需要按esc键退出弹出层,默认false。
onOpen:弹出层弹开前事件。
onLoad:弹出层加载显示内容前事件。
onComplete:弹出层加载显示内容后事件。
onCleanup:弹出层关闭前事件。
onClosed:弹出层关闭后事件。
unique:模态框的唯一值,默认系统生成UUID,不建议自定义。
~~~
方法
~~~
zeroModal.show(opt):显示普通的模态框,opt为参数对象,参数内容请参考上面的列表。
zeroModal.close(opt/unique):关闭模态框。
zeroModal.closeAll():关闭全部模态框。
zeroModal.loading(type):显示等待框,type为显示等待的类型,目前提供的值为(1、2、3、4、5、6)。
zeroModal.alert(content/opt):显示提示框。
zeroModal.error(content/opt):显示错误提示框。
zeroModal.success(content/opt):显示正确提示框。
zeroModal.confirm(content/opt, okFn):显示确认框。
~~~
- 序言
- 环境搭建
- 下载及安装
- 构建器
- 构建器概述
- 模版构建器(TBuilder)
- Tab组件
- Topbar组件
- 按钮
- 顶部按钮配置
- 按钮配置明细
- 表格(table)
- Table案例
- 「方法」加载数据
- 「方法」设置数据列
- 「方法」列排序
- 「组件」检索过滤器
- 「组件」顶部按钮
- 「组件」列表按钮
- 「配置」列快速编辑
- 「配置」列附加内容
- 「配置」显隐列表复选框
- 「配置」自定义样式
- 表单(form)
- Form案例
- 「方法」添加组件(addWidgets)
- 「方法」数据检索过滤(filter)
- 「组件」富文本编辑器(kindeditor|editormd)
- 「组件」图片组件(images|cropper)
- 「组件」select listbox组件(listbox)
- 「组件」颜色选择器(button_color)
- 「组件」自定义内容
- 「配置」显隐字段关联(open_by)
- 「配置」form布局(layoutView)
- 「配置」隐藏描述区(hideWidgetsDesc)
- 「配置」数据验证(validate)
- 「配置」隐藏表单底部按钮(hideFormButton)
- 「配置」字段tip提示(tip)
- 自定义页面(custom)
- Custom案例
- 「组件」echart
- 「组件」Tile Widgets
- 「配置」custom布局
- 「配置」自定义html内容
- 「配置」自定义提醒页面
- 树形(tree)
- Tree案例
- 左侧菜单区配置
- 关闭左侧菜单(hideLeftMenu)
- 顶部按钮配置
- 自定义菜单配置
- 展现方式配置
- 表内增删改(Tabullet)
- 通用设置
- 依赖文件加载(插件/js/css)
- 指定布局/模版
- 内容定位栏(setTrayMenu)
- 设置内容区侧栏
- 模态框打开页面
- 组件构建器(TWidget)
- echarts
- table
- form组件
- Tabs组件
- builder构建
- titleLine
- 数据构建器(DBuilder)
- 概述(案例)
- 「方法」获取单条记录详情
- 「方法」获取分页列表数据
- 「方法」排序
- 「方法」设置查询字段
- 「方法」快速编辑
- 「方法」数据导出
- 「方法」联表查询
- 「方法」查询数据再处理
- 「配置」回调处理
- 「配置」设置过滤字段
- 「配置」指定过滤字段匹配值
- 「配置」增加编辑支持
- 「配置」查询出全部数据
- 辅助类
- Excle
- 模块开发
- 插件开发
- 扩展
- 行为扩展
- 行为日志
- 杂项
- 图片异步加载
- jquery插件zeroModal
- 提示
- form表单验证
- ajax相关
- 展开收起
- 常用函数
- 其他插件
- DEMO
- 增删改查
- 安全
- XSS 攻击
- 注入攻击
- CSRF 攻击
- 其他攻击和漏洞
- 开发
- TBuilder组件开发
- 更新日志
- 关于文档