参数列表
参数名 |
类型 |
描述 |
默认值 |
width
|
Int
|
宽度
|
120
|
top
|
Int
|
top
|
0
|
left
|
Int
|
left
|
0
|
items
|
Array
|
items
|
null
|
shadow
|
Bool
|
阴影
|
true
|
Items
参数名 |
类型 |
描述 |
默认值 |
id
|
|
ID
|
|
text
|
|
显示名
|
|
icon
|
|
图标(liger css)
|
|
img
|
|
图片路径
|
|
disable
|
|
是否禁用
|
|
children
|
|
子项
|
|
click
|
Function
|
点击事件
|
|
dblclick
|
Function
|
双击事件
|
|
items参数 示例:
1 menu = $.ligerMenu({ top: 100, left: 100, width: 120, items:
2 [
3 { text: '增加', click: onclick11,icon:'add' },
4 { text: '修改', click: onclick11 },
5 { line: true },
6 { text: '查看', click: onclick11, children:
7 [
8 { text: '报表', click: onclick11 },
9 { text: '导出', children: [{ text: 'Excel', click: onclick11 }, { text: 'Word'}]
10 }
11 ] },
12 { text: '关闭', click: onclick112 }
13 ]
14 });
15 $(document).bind("contextmenu", function (e)
16 {
17 menu.show({ top: e.pageY, left: e.pageX });
18 return false;
19 });