| 配置项 | 类型 | 描述 |
|---|---|---|
| id | String | 弹框id,通常不传 |
| url | String | 要打开的页面url地址,使用相对当前页面地址 |
| width | Number | 弹框宽度 |
| height | Number | 弹框高度 |
| minWidth | Number | 默认值为200 |
| minHeight | Number | 默认值为60 |
| title | String|false | 标题栏显示的标题,如果为false时,将隐藏标题条 |
| url | String | 要打开的页面url地址,使用相对当前页面地址 |
| top | Number|String | 数字或百分比(字符串) 默认为居中对齐 |
| left | Number|String | 数字或百分比(字符串) 默认为居中对齐 |
| onOk | Function | 点击确定地要执行的方法 |
| onCancel | Function | 点击“取消”按钮时执行的函数 |
| onLoad | Function | iframe载入后执行的函数,第一个参数传入iframe内部window对象 |
| onInit | Function | 对话框初始化后执行的函数 |
| esc | Boolean | 是否支持按esc键关闭 |
| draggable | Boolean | 是否支持拖 |
| closable | Boolean | 是否显示关闭按钮 |
| autoClose | Number | 多少秒后自动关闭 |
| closeTip | String | 默认值为'? 秒后自动关闭', |
| okText | String | 默认为“确定”,确定按钮上的文字 |
| cancelText | String | 默认为“取消”,取消按钮上的文字 |
| OKClass | String | 确定按钮的样式,默认z-dialog-okbutton |
| cancelClass | String | 取消按钮的样式,默认z-dialog-cancelbutton |
| onReady | Function | iframe DOM树准备好时执行 |
| icon | String | 消息图标名称 info|warn|query |
| message | String | 信息栏内容 |
| showButtonRow | Bollean | 是否显示按钮栏 |
| animator | Boolean | 是否动画显示弹出框(未实现) |
| resizable | Boolean | 是否可以调整大小 |
备注:必须在调用show()方法前,配置以上属性。
代码实例
Dialog实例可访问的属性如下
| 属性名 | 类型 | 描述 |
|---|---|---|
| title | String | 弹出框的标题 |
| id | String | 弹出框的id值 |
| okButton | HTMLElement | “确定”按钮页面对象 |
| cancelButton | HTMLElement | “取消”按钮页面对象 |
| okText | String | “确定”按钮上的文字 |
| cancelText | String | “取消”按钮上的文字 |
| OKClass | String | “确定”按钮的样式 |
| cancelClass | String | “取消”按钮的样式 |
| width | Number | dialog的宽度 |
| height | Number | dialog的高度 |
| top | String | dialog的top值 |
| left | String | dialog的left值 |
| baseCls | String | dialog的基本样式 |
| buttons | Object | dialog的所有按钮 |
| opener | window | 弹出Dialog实例的窗口 |
| innerFrame | HTMLElement | 弹出框中的iframe元素(如果存在的话) |
| innerWin | window | 弹出框的innerFrame对象的contentWindow对象(如果有权限访问的话) |
| innerDoc | document | 弹出框的innerWin对象的document对象(如果有权限访问的话) |
Dialog内的iframe中window可访问的对象
| 类型 | 描述 | |
|---|---|---|
| ownerDialog | Dialog | 当前页面所在的dialog实例 |
| dialogOpener | window | 即ownerDialog.opener |
Dialog类的成员方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| getTitle | - | 获得dialog的标题 |
| setTitle | String txt | 设置dialog的标题 |
| getContentEl | - | 获得dialog内容对象 |
| disableButton | String id | 禁用dialog的指定id的按钮 |
| enableButton | String id | 启用dialog的指定id的按钮 |
| addButton | String id,String txt,Function func | 添加一个按钮到弹出框按钮栏 |
| content | String html | 设置内容 |
| time | Number second | 定时关闭dialog |
| show | - | 显示弹出框 |
| close | - | 关闭dialog |
| hide | - | 隐藏dialog |
| setZIndex | Number index | 设置dialog的层级大小 |
| setSize | Number w,Number h | 设置dialog内容器的宽高 |
| setPosition | Number left,Number top | 根据自身的实例的width、height属性调整位置,一般在窗口尺寸改变时调用 |
Dialog的静态方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| getInstance | String id | 通过id返回一个Dialog实例 |
| alert | String msg[,Function okFn] | 弹出消息框 |
| warn | tring msg[,Function okFn] | 弹出消息框,与Dialog.alert不同之处在于图标为三角形红色底感叹号 |
| confirm | String msg[,Function okFn,Function noFn] | 弹出询问对话框 |
| prompt | String msg[,Function okFn,String defaultValue] | 弹出可输入对话框,输入文本框的值传入为回调方法okFn的第一个参数 |
| tips | String msg[,Number time] | 弹出一个简单的,会自动关闭的提示框 |
| wait | String msg | 弹出一个简单的,按钮内容为计时等待的提示框 |
| Dialog.Manager.closeAll | - | 关闭所有的弹出框 |
JS代码实例(各静态方法的使用)
Dialog还提供了$D、$DW的简单实用:
继承UICompBase之外的事件
| 事件 | 描述 |
|---|---|
| move | dialog移动时触发 |
| beforeresize | dialog改变大小时触发 |
| beforeshow | |
| show | |
| beforehide | |
| hide | |
| beforeclose | dialog关闭前触发 |
| close | dialog关闭时触发 |



微信扫码联系
TEL:
QQ:
微信:
京公网安备 11011402013056号
所有评论仅代表网友意见