参数(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. phalcon: Windows 下 Phalcon dev-tools 配置 和 Phpstorm中配置Phalcon 代码提示, phalcon tools的使用

    准备: phalcon-devtools包 下载地址: https://github.com/phalcon/phalcon-devtools 解压到wampserver的www目录 (xampp 用 ...

  2. jquery 设置checked="checked"无效,radio未选中。。

    jquery 设置checked="checked"无效,radio未选中.. 最好还是使用.prop(),在jQuery1.6版本之前.attr存在一些bug.在1.6之后它会自 ...

  3. ListView 滚回顶部

    setSelection(0) listView.setSelectionAfterHeaderView(); list.smoothScrollToPosition(0);

  4. libCEF总结02字符串

    libCEF 的 CefString.cef_string_t 在 Windows 下均表示一个 16 位的 Unicode 字符串,它们的使用请参考下面的代码 {//wchar_t* ==> ...

  5. Android 应用开发耗电量控制。。

    当程序启动手机越多的模块,那耗电就越快 当你的程序运行时只占用CPU的时候,这时候耗电量是最少的. 当然这时候如果cpu的运行速度很慢那是最好的.. 程序耗电量控制首要从下面3个方面抓起: 1.频繁的 ...

  6. 更准确的mysql全文索引

    MYSQL自带的全文索引在查找数据的时候,有非常多的限制,如字符少于3个不能搜索,常用字不能搜索 但mysql 的like进行查询的时候又非常的慢 但你需要用到比较准确的查询的时候,要么不用mysql ...

  7. web开发必须知道的javascripat工具

    1,JavaScript compressor and comparison tool 有许多工具可以帮助你压缩JavaScript代码,但是这个过程比较耗时,并且,对于某个特定的场景来说,很难分析出 ...

  8. 在CentOS 7 MySQL / MariaDB

    在CentOS7中,MariaDB  替代了MySQL;更多复杂的疑问可以在这里查看 MariaDB versus MySQL – Compatibility Install MySQL / Mari ...

  9. 报错解决:No Hibernate Session bound to thread, and configuration does not allow creation of non-transactional one here

    大概分析一般使用了注解才会报这方面的错 1.没有在spring的ApplicationContext.xml中开启注解事务 <!-- 开启注解事务 --> <tx:annotatio ...

  10. Excel VBA记录

    -----------快捷键---------- 函数等提示(默认):ctrl+j 注释:上单引号' 设置单元格为空可以用:empty/null -----------基础语法--------- 基本 ...