国产探花免费观看_亚洲丰满少妇自慰呻吟_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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 呼伦贝尔市| 德清县| 黔东| 四子王旗| 汽车| 哈巴河县| 石楼县| 通海县| 鄄城县| 阳曲县| 勃利县| 河源市| 喜德县| 渝北区| 夏邑县| 托里县| 呼图壁县| 长沙市| 泰州市| 北辰区| 华蓥市| 建宁县| 格尔木市| 鹰潭市| 神木县| 遂平县| 黔南| 嘉黎县| 原平市| 普宁市| 宜良县| 合阳县| 凤山市| 曲周县| 永靖县| 昭平县| 伊金霍洛旗| 金川县| 得荣县| 永德县| 中卫市|