简简单单右键菜单
2009-10-30 00:00:00 来源:WEB开发网那接着就一步一步来分析呗,首先既然改造成jQuery控件那么自然还是老架子
1.;(function($) {
2. $.fn.contextmenu = function(option) {
3. }
4.})(jQuery);
接着是默认参数了哦
1.//alias:"唯一标示"(这个标示很重要哦,可以实现多次调用只生成一个菜单哦),
2.//width菜单宽度
3.option = $.extend({ alias: "cmroot", width: 150 }, option);
默认参数只有两个,另外几个的只是没有默认值而已
1./*参数说明
2.option: {width:Number, items:Array, onShow:Function, rule:JSON}
3.成员语法(三种形式) -- para.items
4.-> {text:String, icon:String, type:String, alias:String, width:Number, items:Array} -- 菜单组
5.-> {text:String, icon:String, type:String, alias:String, action:Function } -- 菜单项
6.-> {type:String} --分割线*/
详细描述下:
items:Array 右键菜单的内容定义,数组的元素格式如下所示:
{text: String, icon: String, alias: String, type: "group"|"item"|"splitLine", width:int, items:Array,action:Funtion}
其中:
text:String 菜单项的文字说明 。
icon: String 图标的Src地址,如果没有图标,如果item不需要图标,请设置成none.gif(在images/icons/中可以找到)。
alias:String 唯一标识菜单项。
type:"group"|"item"|"splitLine" 分别为组,项,分割线,当选择是"splitLine"则其他设置项无需设置。
更多精彩
赞助商链接