EasyUI中Dialog对话框的简单使用
生活随笔
收集整理的這篇文章主要介紹了
EasyUI中Dialog对话框的简单使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
場景
效果
屬性
該屬性擴(kuò)展自窗口（window）下面是為對(duì)話框（dialog）重寫的屬性。
| title | string | 對(duì)話框的標(biāo)題文本。 | New Dialog |
| collapsible | boolean | 定義是否顯示折疊按鈕。 | false |
| minimizable | boolean | 定義是否顯示最小化按鈕。 | false |
| maximizable | boolean | 定義是否顯示最大化按鈕。 | false |
| resizable | boolean | 定義對(duì)話框是否可調(diào)整尺寸。 | false |
| toolbar | array,selector | 對(duì)話框的頂部工具欄，可能的值： 1、數(shù)組，每個(gè)工具的選項(xiàng)都與鏈接按鈕（linkbutton）一樣。 2、選擇器，指示工具欄。 對(duì)話框工具欄可以在 <div>標(biāo)簽中聲明： | null |
| buttons | array,selector | 對(duì)話框的底部按鈕，可能的值： 1、數(shù)組，每個(gè)按鈕的選項(xiàng)都與鏈接按鈕（linkbutton）一樣。 2、選擇器，指示按鈕欄。 按鈕可以在 <div>標(biāo)簽中聲明： | null |
事件
該事件擴(kuò)展自面板（panel）。
方法
該方法擴(kuò)展自窗口（window），下面是為對(duì)話框（dialog）添加的方法。
| dialog | none | 返回外部對(duì)話框（dialog）對(duì)象。 |
實(shí)現(xiàn)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script> </head> <body> <div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"data-options="iconCls:'icon-save',resizable:true,modal:true">Dialog Content. </div> </body> </html>?
與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的EasyUI中Dialog对话框的简单使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： EasyUI中Window窗口的简单使用
- 下一篇： EasyUI中Messager消息框的简