卡一卡二扰乱码,日韩一区二区三区四区区区 ,欧美日韩国产在线播放

jQuery EasyUI使用教程：創(chuàng)建對(duì)話框

原創(chuàng)|使用教程|編輯：龔雪|2016-05-17 09:17:24.000|閱讀 352 次

概述：對(duì)話框是一個(gè)特殊的窗口，可以包含在頂部的工具欄和底部的按鈕中。本教程主要為大家介紹如何創(chuàng)建對(duì)話框。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

jQuery EasyUI最新試用版下載請(qǐng)猛戳>>

對(duì)話框是一個(gè)特殊的窗口，可以包含在頂部的工具欄和底部的按鈕中。默認(rèn)情況下，對(duì)話框不能改變大小，但是用戶可以將resizable屬性設(shè)置為true，使其可以改變大小。

創(chuàng)建對(duì)話框

對(duì)話框非常簡單，可以使用DIV標(biāo)記創(chuàng)建，如下所示：

<div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"
title="My Dialog" iconCls="icon-ok"
toolbar="#dlg-toolbar" buttons="#dlg-buttons">
Dialog Content.
</div>

準(zhǔn)備工具欄和按鈕

<div id="dlg-toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')">Add</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')">Save</a>
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')">Ok</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Cancel</a>
</div>

上面的代碼我們創(chuàng)建了一個(gè)帶有工具欄和按鈕的對(duì)話框。這是對(duì)話框、工具欄、內(nèi)容和按鈕的標(biāo)準(zhǔn)配置。

下載EasyUI示例：