7. Excel 8. PowerPoint 9. 10. 11. Save 12. 13. Exit 14. 使用脚本创建菜单并且监听'onClick'事件 1. $('#mm').menu({ 2. onClick:function(item){ 3. //... 4. } 5. }); 显示菜单
当一个菜单创建完毕,它是隐藏而不可见的,调用'show'方法可以显示菜单。 1. $('#mm').menu('show', { 2. left: 200, 3. top: 100 4. }); 属性
名称 zIndex(堆叠顺序) left(左边距) top(顶边距) 事件 名称 onShow 参数 none 描述 当一个菜单被显示后触发。 类型 number(数字) number(数字) number 描述 菜单的z-index样式,从第一个菜单开始递增。 菜单的左边距。 菜单的顶边距。 默认值 110000 0 0 onHide onClick 方法
名称
none item 在一个菜单被隐藏后触发。 当一个菜单被点击时触发。 参数 描述
在一个特定的位置显示菜单。 pos参数有2个属性: left:新的左边距。 top:新的顶边距。 隐藏一个菜单。
获取菜单项数据并将其返回, 数据包含以下属性: target:DOM对象,菜单项目。 id:字符串,分配给元素的ID。 text:字符串,菜单项的文本。 href:字符串,超链接地址。
disabled:布尔型,菜单项是启用还是禁用。
onclick:函数, 当用户点击菜单时将要执行的函数。 iconCls:字符串,图标css类。
设置特定的菜单文本,'param'参数包含2个属性: target:DOM对象,将要被设置的菜单项。 text:字符串,新的文本值。
设置特定的菜单项图标,'param'参数包含2个属性: target:DOM对象,菜单项目。 iconCls: 新的图标css类。
查找特定的菜单项,和getItem方法返回的对象相同。 添加菜单,'param'参数包含以下属性:
parent: 待添加新菜单的DOM对象,如果没有被设置,新菜单项将会被作为顶级菜单添加。 text:字符串,菜单项文本。 href:字符串,超链接地址。
onclick:字符串或者函数,当用户点击菜单项时将要被执行的脚本代码或者函数。 iconCls: string, the icon class. 移除特定的菜单项。 启用菜单项。 禁用菜单项。
show pos
hide none
getItem itemEl
setText param
setIcon findItem
param text
appendItem param
removeItem enableItem disableItem
itemEl itemEl itemEl
3.2 链接按钮 链接按钮
使用$.fn.linkbutton.defaults重载默认值
使用方法
1. easyui 1. $('#btn').linkbutton({ 2. plain:true 3. }); 4. $('#btn').linkbutton('disable'); //禁用按钮 5. $('#btn').linkbutton('enable'); //启用按钮 属性
名称 id(ID) disabled(禁用) plain(简洁模式) text(文本) iconCls(图标CSS类) 方法 名称 options disable enable 参数 none none none 描述 返回属性对象。 禁用按钮。 启用按钮。 类型 string(字符串)
boolean(布尔型)
boolean(布尔型) string(字符串) string(字符串)
描述
分配给该组件的ID。 设置为true将禁用按钮。 设置为true将显示简洁效果。 显示在按钮上的文本。 用来在左边显示一个16x16大小图标的css类。
默认值 null false false '' null
3.3 菜单按钮 菜单按钮
继承$.fn.linkbutton.defaults,使用$.fn.menubutton.defaults重载默认值。
依赖关系 菜单
? 链接按钮
?
使用方法
1. Edit 2. 3. Undo 4. Redo 5. 6. Cut 7. Copy 8. Paste 9. 10. Delete 11. Select All 12. 1. $('#mb').menubutton({ 2. menu: '#mm' 3. }); 属性
继承linkbutton的属性, 以下是菜单按钮独有的属性。
名称 plain(简洁模式) menu(菜单) duration(持续时间) 方法 名称 options disable enable 3.4 分隔按钮 分隔按钮
参数 none none none 类型 boolean(布尔型) string(字符串) number(数字) 描述 设置为true将显示简洁效果。 默认值 true 用来创建一个相应菜单的选择器。 null 定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。 100 描述 返回属性对象。 禁用菜单按钮。 启用菜单按钮。 继承$.fn.linkbutton.defaults,使用$.fn.splitbutton.defaults重载默认值。
依赖关系 菜单
? 链接按钮
?
使用方法