简简单单右键菜单

核心提示： width:int 当且仅当type="group"时有效，设置新组容器的宽度，简简单单右键菜单(5)，items:Array 子元素可无限层次，action:Function 当菜单项被点击时被使用alias: String (可选参数)唯一标识，定义一堆临时变量，还有4个

width:int 当且仅当type="group"时有效，设置新组容器的宽度。

items:Array 子元素可无限层次。

action:Function 当菜单项被点击时被使用

alias: String (可选参数)唯一标识，当页面上只有一种右键菜单时可以省略

width : Number (可选参数) 右键菜单根的宽度, 默认值：150px。

onContextMenu: Function (可选参数) 当右键菜单触发时预先调用的函数，返回参数为Boolean指示是否显示菜单

onShow: Function (可选参数) 当菜单显示时触发，一般在该函数中应用规则

rule : Json (可选参数) 默认规则，设置哪些项默认为禁用，格式如下所示 { name:String, disable: Boolean, items:Array}

name:String 规则名称 disable:Boolean 规则是禁用还是启用 items:Array 需要应用规则的item alias的集合

有点复杂哈，如果还有不明白看示例哈。

定义一堆临时变量，还有4个模板临时变量

1.　　　var　ruleName　=　null,　target　=　null,
2.　　　　　　　groups　=　{},　mitems　=　{},　actions　=　{},　showGroups　=　[],　//定义内部的临时变量。用到的地方再来分析
3.　　　//一个菜单项的模板哦　　,容器和项，分割线的模板
4.itemTpl　=　"<div　class='b-m-$[type]'　unselectable=on><nobr　unselectable=on><img　src='$[icon]'　align='absmiddle'/><span　unselectable=on>$[text]</span></nobr></div>";
5.　　　　　　　var　gTemplet　=　$("<div/>").addClass("b-m-mpanel").attr("unselectable",　"on").css("display",　"none");
6.　　　　　　　var　iTemplet　=　$("<div/>").addClass("b-m-item").attr("unselectable",　"on");
7.　　　　　　　var　sTemplet　=　$("<div/>").addClass("b-m-split");