国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery EasyUI 菜單與按鈕之創建簡單的菜單和鏈接按鈕

2019-11-20 11:14:29
字體:
來源:轉載
供稿:網友

菜單(Menu)定義在一些 DIV 標記中,如下所示:

 <div id="mm" class="easyui-menu" style="width:120px;"> <div onclick="javascript:alert('new')">New</div> <div>  <span>Open</span>  <div style="width:150px;">  <div><b>Word</b></div>  <div>Excel</div>  <div>PowerPoint</div>  </div> </div> <div icon="icon-save">Save</div> <div class="menu-sep"></div> <div>Exit</div> </div>

當菜單創建之后是不顯示的,調用 'show' 方法顯示它或者調用 'hide' 方法隱藏它:

 $('#mm').menu('show', {  left: 200,  top: 100 });

創建鏈接按鈕(Link Button)

通常情況下,使用 <button> 元素來創建按鈕,而鏈接按鈕(Link Button)則是使用 <a> 元素來創建的。所以實際上一個鏈接按鈕(Link Button)就是一個顯示為按鈕樣式的 <a> 元素。

為了創建鏈接按鈕(Link Button),所有您需要做的就是添加一個名為 'easyui-linkbutton' 的 class 屬性到 <a> 元素:

<div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel">Cancel</a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload">Refresh</a> <a href="#" class="easyui-linkbutton" iconCls="icon-search">Query</a> <a href="#" class="easyui-linkbutton">text button</a> <a href="#" class="easyui-linkbutton" iconCls="icon-print">Print</a> </div> <div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel">Cancel</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload">Refresh</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search">Query</a> <a href="#" class="easyui-linkbutton" plain="true">text button</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print">Print</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"></a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"></a> </div>

正如您所看到的,iconCls 屬性是一個 icon 的 CSS class 樣式,它在按鈕上顯示一個 icon 圖片。

有時候您需要禁用鏈接按鈕(Link Button)或者啟用它,下面的代碼演示了如何禁用一個鏈接按鈕(Link Button):

$(selector).linkbutton('disable'); // call the 'disable' method
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宜都市| 三原县| 扎赉特旗| 张家口市| 忻城县| 黎平县| 任丘市| 双城市| 靖西县| 海口市| 英德市| 昔阳县| 喜德县| 丹寨县| 泗洪县| 法库县| 宜都市| 涪陵区| 肇源县| 栾川县| 时尚| 林周县| 滦平县| 个旧市| 伊宁市| 沽源县| 巨野县| 离岛区| 德令哈市| 固安县| 邓州市| 南漳县| 友谊县| 济南市| 印江| 乐亭县| 宜丰县| 冷水江市| 乐都县| 五寨县| 长泰县|