dialog参数、方法以及事件
参数(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参数、方法以及事件的更多相关文章
- 关于实现自定义Dialog和实现Dialog里view的事件监听的两种方法
一.自定义dialog. 二.实现dialog里view的事件监听 1.自定义dialog比较简单.在实例化new的时候,加入样式,布局就行了.或者重写dialog. 2.实现dialog里view的 ...
- Bootstrap modal常用参数、方法和事件
Bootstrap modal(模态窗)常用参数.方法和事件: 参数: 名称 类型 默认值 描述 Backdrop Boolean或字符串“static” True True:有背景,点击modal外 ...
- bootstrap datepicker 属性设置 以及方法和事件
DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月 ...
- datepicker 属性设置 以及方法和事件
DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月 ...
- vue+el-element中根据文件名动态创建dialog的方法
背景 在项目中使用对话框的通常做法是把对话框封装成组件,在使用的地方引入,然后添加到template,使用visible.sync控制对话框的显示/隐藏,监听confirm事件处理用户点击确定.如下: ...
- VB中的属性、方法和事件概念解析
Visual Basic 语言中的所有对象都有它们自己的属性.方法和事件,其中包括窗体和控件.可以将属性视为对象的特性,将方法视为对象的操作,而将事件视为对象的响应. 日常生活中的对象(如氦气球)也具 ...
- C#学习笔记(补充)——扩展方法、事件
(搬运自我在SegmentFault的博客) 一.扩展方法 扩展方法使你能够向现有类型"添加"方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型. 注意事项: 扩展方法 ...
- Ⅳspring的点点滴滴--方法和事件
承接上文 方法和事件 .net篇(环境为vs2012+Spring.Core.dll v1.31) public abstract class MethodDemo { protected abstr ...
- 读取本地文件理解FileReader对象的方法和事件以及上传按钮的美化。
一.FileReader对象 用来把文件读入内存,并且读取文件中的数据.FileReader对象提供了异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据. 浏览器支持情况, ...
随机推荐
- 基于SourceTree 下的 Git Flow 模型
基于SourceTree 下的 Git Flow 模型 1. sourceTree 是一个开源的git 图形管理工具,可下载mac版本,windows版本 2. Git Flow 是一套使用Git进 ...
- Java多线程基础:进程和线程之由来
转载: Java多线程基础:进程和线程之由来 在前面,已经介绍了Java的基础知识,现在我们来讨论一点稍微难一点的问题:Java并发编程.当然,Java并发编程涉及到很多方面的内容,不是一朝一夕就能够 ...
- hdu 1421
时隔多日,又回来啃dp... 题意:有n件物品,搬k次,每搬一个消耗的疲劳值为两件物品重量之差的平方,求最小的疲劳消耗 状态转移方程:dp[i][j] = min((dp[i-2][j-1]+(s[i ...
- js高级程序设计(四)变量、作用域和内存问题
基本类型和引用类型的值 ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值指的是 Undefined . Null . Boolean . Number 和 S ...
- VBA对象模型(2)
Excel对象模型简介 在介绍Excel对象模型之前,让我们先来看一个简单的例子.大多数工厂都是按这样的结构进行设置的:最上层为工厂总部,第二层次分为各个车间,在车间下面又分各班组.就这样组织在一起, ...
- 《Java程序设计》第四周学习总结
20145224-陈颢文 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承与多态 ·继承就是面向对象中,子类继承父类,避免重复的行为定义.重复再程序设计上是非常不好的信号 ...
- 《基于MVC的Javascript》
var Class = function(){ var klass = function(){ this.init.apply(this,arguments); } klass.prototype.i ...
- QMessageBox中按钮的汉化
方法一:直接添加汉语按钮: QMessageBox mess(QMessageBox::Question, "删除提示", "确认删除所选组件?", NULL) ...
- python 第三方模块 转 https://github.com/masterpy/zwpy_lst
Chardet,字符编码探测器,可以自动检测文本.网页.xml的编码. colorama,主要用来给文本添加各种颜色,并且非常简单易用. Prettytable,主要用于在终端或浏览器端构建格式化的输 ...
- IE10 CSS hack,IE兼容问题
IE10 CSS hack,IE兼容问题 作者: 雪影 发表于2013 年 4 月 25 日 分类:技术分享 | 暂无评论 | 人气: 376 度 首先,ie10不支持条件注释了. 方法一:特性检测: ...