参数(options)

DOM方式初始化dialog的,推荐使用集合属性data-options定义参数,如果使用data属性定义参数,注意转换成对应的名称。

名称 类型 默认值 描述
id string dialog [必选]弹窗的ID,如果指定重复,将覆盖现有的ID相同弹窗
title string New Dialog [可选]弹窗打开后显示的名称,可以从data-title属性获取值或者直接获取DOM的text值
url string undefined [可选]url参数或target参数必选一项 D-Url 请求数据的url,a链接触发时可以将url定义在href属性
type string GET 【可选】Http请求方式,可选‘GET/POST’
data object {} 【可选】请求url时,需要发送的data数据
loadingmask boolean true 【可选】ajax请求时是否显示数据加载遮罩
width int 500 【可选】弹窗的宽度
height int 300 【可选】弹窗的高度
max boolean false 【可选】打开弹窗时直接最大化
mask boolean false 【可选】是否模态窗口
resizeable boolean true 【可选】可以调整弹窗的大小
drawable boolean true 【可选】可以拖动弹窗
maxable boolean true 【可选】是否显示最大化按钮
minable boolean true 【可选】是否显示最小化按钮(模拟窗口无效)
target selector null 【可选】从指定的jquery容器中加载内容到dialoh,请为该容器添加属性data-noinit="true"已阻止容器中的内容提前初始化,为容器添加Class[hide]以隐藏待加载内容
fresh boolean false 【可选】是否保持dialog的新生状态,表现在重复打开该dialog时,是否重新载入内容
reloadWarn string null 【可选】当准备在已存在的dialog上加载内容时的确认提示信息
onLoad function($dialog) null [可选]dialog加载完成后的事件回调,回调函数的参数$dialog为该dialog的jquery对象
beforeClose function($dialoh) null [可选]返回值:boolean dialog关闭前的事件回调,返回true则关闭,返回false则不关闭
onClose function()

null

[可选]dialog关闭后的事件回调

方法:

方法名 参数类型 参数说明 描述
switchDialog(id) string dialog ID 切换到某个弹窗(模态弹窗无效)
refresh(id) string dialog ID 刷新某个弹窗
reloadFlag(id) string 一个或多个标签ID,多个ID以,分隔 为某(几)个标签设定重载标记(当切换到该标签时重新载入)
reload(options) object 同dialog默认参数 重新载入某个弹窗,如果未指定ID,则默认重载入当前弹窗
close(id) string dialog ID 关闭某个弹窗
closeCurrent() -- -- 关闭当前弹窗

事件

事件名称 中文说明 描述
bjui.beforeLoadDialog 载入dialog内容前事件 监听该事件,可以在在载入dialog内容前进行相关操作
bjui.beforeCloseDialog 关闭dialog前事件 监听该事件,可以在关闭dialog前进行相关操作

这样监听dialog的事件:

$(document).on('bjui.beforeLoadDialog',function(e){
var $dialog=$(e.target);
//do something...
});

dialog参数、方法以及事件的更多相关文章

  1. 关于实现自定义Dialog和实现Dialog里view的事件监听的两种方法

    一.自定义dialog. 二.实现dialog里view的事件监听 1.自定义dialog比较简单.在实例化new的时候,加入样式,布局就行了.或者重写dialog. 2.实现dialog里view的 ...

  2. Bootstrap modal常用参数、方法和事件

    Bootstrap modal(模态窗)常用参数.方法和事件: 参数: 名称 类型 默认值 描述 Backdrop Boolean或字符串“static” True True:有背景,点击modal外 ...

  3. bootstrap datepicker 属性设置 以及方法和事件

    DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月 ...

  4. datepicker 属性设置 以及方法和事件

    DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月 ...

  5. vue+el-element中根据文件名动态创建dialog的方法

    背景 在项目中使用对话框的通常做法是把对话框封装成组件,在使用的地方引入,然后添加到template,使用visible.sync控制对话框的显示/隐藏,监听confirm事件处理用户点击确定.如下: ...

  6. VB中的属性、方法和事件概念解析

    Visual Basic 语言中的所有对象都有它们自己的属性.方法和事件,其中包括窗体和控件.可以将属性视为对象的特性,将方法视为对象的操作,而将事件视为对象的响应. 日常生活中的对象(如氦气球)也具 ...

  7. C#学习笔记(补充)——扩展方法、事件

    (搬运自我在SegmentFault的博客) 一.扩展方法 扩展方法使你能够向现有类型"添加"方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型. 注意事项: 扩展方法 ...

  8. Ⅳspring的点点滴滴--方法和事件

    承接上文 方法和事件 .net篇(环境为vs2012+Spring.Core.dll v1.31) public abstract class MethodDemo { protected abstr ...

  9. 读取本地文件理解FileReader对象的方法和事件以及上传按钮的美化。

    一.FileReader对象 用来把文件读入内存,并且读取文件中的数据.FileReader对象提供了异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据. 浏览器支持情况, ...

随机推荐

  1. 使用git命令提交远程github仓库的时候提示"rejected"(拒绝)解决办法

    今天使用在自己笔记本本地磁盘上使用Git命令行执行"git push"然后输入github的用户名和密码之后,报如下错误: ![rejected] master->maste ...

  2. MEAN-全栈javascript开发框架

    引言 使用JavaScript能够完整迅速做出Web应用程序,目前一套工具包括MongoDB.ExpressJS,AngularJS和Node.js越来越受到欢迎,其开发的灵活性和易用性加快开发效率, ...

  3. 实战微信JS SDK开发:贺卡制作与播放(1)

    前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细 ...

  4. Cache模拟器(CacheSim)

     最近写了一个Cache的模拟器,由于平时空余时间比较分散,前前后后用了一周多的时间,基本实现的Cache的模拟功能(通过读取trace文件得到相应的命中率),能够实现直接映射.全相联.组相联三种 ...

  5. java复用和传参

    java复用和传参的三种方法总结: (1) 直接在一个类中调用函数 : 1 package test1; 2 3 public class a 4 { 5 public static void get ...

  6. HTML5自学笔记[ 15 ]canvas绘图实例之钟表

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. Linux配置邮箱发送(MUTT/MSMTPQ)

    配置邮箱发送 http://www.ilanni.com/?p=10589

  8. R-Studio

    R-Studio是一个功能强大.节省成本的反删除和数据恢复软件系列.它采用独特的数据恢复新技术,为恢复FAT12/16/32.NTFS.NTFS5(由 Windows 2000/XP/2003/Vis ...

  9. hadoop入门之设置datanode的心跳时间的方法

    做作业的过程中发现,把一节点停掉,dfsadmin和50070都无法马上感知到一个data node已经死掉 HDFS默认的超时时间为10分钟+30秒.这里暂且定义超时时间为timeout计算公式为: ...

  10. css3导航-磊哥

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...