快捷導(dǎo)航

jQuery EasyUI API 中文文檔 - Menu菜單

更新時(shí)間：2011年10月03日 20:13:54 作者：

jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。

用 $.fn.menu.defaults 重寫了 defaults。

 
<div id="mm" class="easyui-menu" style="width:120px;"> 
<div>New</div> 
<div> 
<span>Open</span> 
<div style="width:150px;"> 
<div><b>Word</b></div> 
<div>Excel</div> 
<div>PowerPoint</div> 
</div> 
</div> 
<div iconCls="icon-save">Save</div> 
<div class="menu-sep"></div> 
<div>Exit</div> 
</div> 

編程創(chuàng)建 menu 并偵聽 'onClick' 事件。

復(fù)制代碼代碼如下:

 
$('#mm').menu({ 
onClick:function(item){ 
//... 
} 
}); 

顯示 Menu
當(dāng) menu 被創(chuàng)建時(shí)，它是隱藏不可見的。調(diào)用 'show' 方法來顯示 menu。

復(fù)制代碼代碼如下:

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

特性

名稱	類型	說明	默認(rèn)值
zIndex	number	Menu 的 z-index 樣式，從它開始增加。.	110000
left	number	Menu 的左邊位置。	0
top	number	Menu 的頂部位置。	0

事件

名稱	參數(shù)	說明
onShow	none	當(dāng) menu 顯示之后觸發(fā)。
onHide	none	當(dāng) menu 隱藏之后觸發(fā)。
onClick	item	當(dāng)點(diǎn)擊 menu item 時(shí)觸發(fā)。

方法

名稱	參數(shù)	說明
show	pos	在指定的位置顯示 menu 。 pos 參數(shù)有兩個(gè)特性： left：新的左邊位置。 top：新的頂部位置。
hide	none	隱藏 menu 。
getItem	itemEl	獲取 menu item 數(shù)據(jù)并返回，該數(shù)據(jù)包含下列特性： target：DOM 對象，即 menu item。 id：string，元素的 id 屬性。 text：string，menu item 的文字。 href：string，定位的 url。 disabled：boolean，menu item 禁用與否。 onclick：function，當(dāng)用戶點(diǎn)擊 menu item 時(shí)執(zhí)行的函數(shù)。 iconCls：string，圖標(biāo)的 CSS 類。
setText	param	給指定的 menu item 設(shè)置文字。 'param' 包含兩個(gè)特性： target：DOM 對象，被設(shè)定的 menu item 。 text： string，新的文字值。
setIcon	param	給指定的 menu item 設(shè)置圖標(biāo)。 'param' 包含兩個(gè)特性： target： DOM 對象，即 menu item。 iconCls：新圖標(biāo)的 CSS 類。
findItem	text	找到指定的 menu item，返回對象與 getItem 方法相同。
appendItem	param	追加 menu item， 'param' 參數(shù)包含下列特性： parent： DOM 對象，新 menu item 將追加到其中，如果沒有設(shè)定，新menu item 將作為頂級 menu item。 text： string， menu item 的文字。 href： string，定位的 url 。 onclick： string 或者 function，當(dāng)用戶點(diǎn)擊 menu item時(shí)執(zhí)行的腳本代碼或者函數(shù)。 iconCls： string，圖標(biāo)的 CSS 類。
removeItem	itemEl	移除指定的 menu item。
enableItem	itemEl	啟用 menu item。
disableItem	itemEl	禁用 menu item。