中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：jQuery EasyUI 窗口插件 - Window 窗口 下一篇：jQuery EasyUI 窗口插件 - Messager 消息框

jQuery EasyUI 窗口插件 - Dialog 對話框

jQuery EasyUI 插件 jQuery EasyUI 插件

擴(kuò)展自 $.fn.window.defaults。通過 $.fn.dialog.defaults 重寫默認(rèn)的 defaults。

對話框（dialog）是一個特殊類型的窗口，它在頂部有一個工具欄，在底部有一個按鈕欄。默認(rèn)情況下，對話框（dialog）只有一個顯示在頭部右側(cè)的關(guān)閉工具。用戶可以配置對話框行為來顯示其他工具（比如：可折疊 collapsible、可最小化 minimizable、可最大化 maximizable，等等）。

依賴

  • window
  • linkbutton

用法

通過標(biāo)記從已有的 DOM 節(jié)點(diǎn)創(chuàng)建對話框（dialog）。下面的實(shí)例演示了一個帶有可調(diào)整尺寸特性的模態(tài)對話框。

<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>

使用 javascript 創(chuàng)建對話框（dialog）?，F(xiàn)在讓我們創(chuàng)建一個模態(tài)對話框，然后調(diào)用 'refresh' 方法來通過 ajax 加載它的內(nèi)容。

<div id="dd">Dialog Content.</div>

$('#dd').dialog({
    title: 'My Dialog',
    width: 400,
    height: 200,
    closed: false,
    cache: false,
    href: 'get_content.php',
    modal: true
});
$('#dd').dialog('refresh', 'new_content.php');

屬性

該屬性擴(kuò)展自窗口（window）下面是為對話框（dialog）重寫的屬性。

名稱 類型 描述 默認(rèn)值
title string 對話框的標(biāo)題文本。 New Dialog
collapsible boolean 定義是否顯示折疊按鈕。 false
minimizable boolean 定義是否顯示最小化按鈕。 false
maximizable boolean 定義是否顯示最大化按鈕。 false
resizable boolean 定義對話框是否可調(diào)整尺寸。 false
toolbar array,selector 對話框的頂部工具欄，可能的值：
1、數(shù)組，每個工具的選項(xiàng)都與鏈接按鈕（linkbutton）一樣。
2、選擇器，指示工具欄。

對話框工具欄可以在 <div>標(biāo)簽中聲明： 
<div class="easyui-dialog" style="width:600px;height:300px"
????????data-options="title:'My Dialog',toolbar:'#tb',modal:true">
????Dialog Content.
</div>
<div id="tb">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a>
</div>
對話框工具欄也可以通過數(shù)組定義： 
<div class="easyui-dialog" style="width:600px;height:300px"
????????data-options="title:'My Dialog',modal:true,
????????????toolbar:[{
????????????????text:'Edit',
????????????????iconCls:'icon-edit',
????????????????handler:function(){alert('edit')}
????????????},{
????????????????text:'Help',
????????????????iconCls:'icon-help',
????????????????handler:function(){alert('help')}
????????????}]">
????Dialog Content.
</div>
null
buttons array,selector 對話框的底部按鈕，可能的值：
1、數(shù)組，每個按鈕的選項(xiàng)都與鏈接按鈕（linkbutton）一樣。
2、選擇器，指示按鈕欄。

按鈕可以在 <div>標(biāo)簽中聲明： 
<div class="easyui-dialog" style="width:600px;height:300px"
????????data-options="title:'My Dialog',buttons:'#bb',modal:true">
????Dialog Content.
</div>
<div id="bb">
????<a href="#" class="easyui-linkbutton">Save</a>
????<a href="#" class="easyui-linkbutton">Close</a>
</div>
按鈕也可以通過數(shù)組定義： 
<div class="easyui-dialog" style="width:600px;height:300px"
????????data-options="title:'My Dialog',modal:true,
????????????buttons:[{
????????????????text:'Save',
????????????????handler:function(){...}
????????????},{
????????????????text:'Close',
????????????????handler:function(){...}
????????????}]">
????Dialog Content.
</div>
null

事件

該事件擴(kuò)展自面板（panel）。

方法

該方法擴(kuò)展自窗口（window），下面是為對話框（dialog）添加的方法。

名稱 參數(shù) 描述
dialog none 返回外部對話框（dialog）對象。
jQuery EasyUI 插件 jQuery EasyUI 插件其他擴(kuò)展
上一篇：jQuery EasyUI 窗口插件 - Window 窗口 下一篇：jQuery EasyUI 窗口插件 - Messager 消息框