成人国产欧美日韩在线观看,日韩在线一,国产精品永久免费自在线观

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

jQuery EasyUI使用教程：自定義對(duì)話框工具欄和按鈕

原創(chuàng)|使用教程|編輯：龔雪|2016-05-23 09:33:03.000|閱讀 966 次

概述：您可以創(chuàng)建一個(gè)帶有工具欄和按鈕的對(duì)話框，可以使用HTML標(biāo)記創(chuàng)建。本教程主要描述了如何將工具欄和按鈕添加到對(duì)話框中，不需要任何的javascript代碼。

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

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

您可以創(chuàng)建一個(gè)帶有工具欄和按鈕的對(duì)話框，可以使用HTML標(biāo)記創(chuàng)建。本教程主要描述了如何將工具欄和按鈕添加到對(duì)話框中，不需要任何的javascript代碼。

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

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

創(chuàng)建工具欄

<div id="dlg-toolbar">
<table cellpadding="0" cellspacing="0" style="width:100%">
<tr>
<td>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">Edit</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true">Help</a>
</td>
<td style="text-align:right">
<input></input><a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"></a>
</td>
</tr>
</table>
</div>

創(chuàng)建按鈕

<div id="dlg-buttons">
<table cellpadding="0" cellspacing="0" style="width:100%">
<tr>
<td>
<img src="email.gif"/>
</td>
<td style="text-align:right">
<a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')">Save</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Close</a>
</td>
</tr>
</table>
</div>

請(qǐng)注意，對(duì)話框的工具欄和按鈕屬性也可以通過(guò) string 值指定，它將充當(dāng)作為一個(gè)選擇器去選擇一個(gè)適當(dāng)?shù)?DIV 元素，并追加到工具欄或者按鈕的位置。

下載EasyUI示例：