参数(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. 转载 uboot 命令

    1.bootm bootm [addr [arg ...]] - boot application image stored in memory passing arguments 'arg ...' ...

  2. form in drupal

    qin_form_ajax_example_form($form, &$form_state)类似函数的参数永远都是一样的,最多把$form前面也加上& 当没有实现页面跳转时,$for ...

  3. Android屏幕适配原理

    几个概念: 1) 屏幕密度(dpi) :dot per inch,即每英寸像素数. ldpi(120),mdpi(160),hdpi(240),xhdpi(320) 计算方法: 以480x854,4. ...

  4. SSM-配置文件标签随笔-概要

    xmlns: xmlns是web.xml文件用到的命名空间xmlns:xsi是指web.xml遵守xml规范xsi:schemaLocation是指具体用到的schema资源

  5. canvas打开本机摄像头

    (function () { var video = document.createElement("video"); video.autoplay="autoplay& ...

  6. wiki-editor语法

    1.==标题== 2.::换行缩进 3.[[文件:example.png]] 图片 4.** 名字|名字 链接

  7. Linux下如何查看自己的服务器有没有无线网卡

    还是实验室那台破服务器,连不上网.有没有界面,所以想着如何用一些命令来链接上热点. 当然,在linux下链接wifi没有win下那么一点就好了! 首先我们需要的基本条件就是: 服务器上有无线网卡.[r ...

  8. Asp.net 解析json

    Asp.net Json数据解析的一种思路 http://www.cnblogs.com/scy251147/p/3317366.html http://tools.wx6.org/json2csha ...

  9. 串口调试,提示the given port name does not start with COM/com异常解决办法,,发现是打印机在搞怪

    串口测试时,用到串口,把打印机的拔下来,换上测试的,程序一打开就提示错误:the given port name does not start with COM/com or does not res ...

  10. 使用JQuery的Ajax调用SOAP-XML Web Services(Call SOAP-XML Web Services With jQuery Ajax)(译+摘录)

    假设有一个基于.Net的Web Service,其名称为SaveProduct POST /ProductService.asmx HTTP/1.1 Host: localhost Content-T ...