[b]ContextMenu:右键菜单[/b]
[img]/docs/api/images/contextmenu.gif[/img]
参考示例:[url=/demo/menu/contextmenu.html]ContextMenu:右键菜单[/url]
[b]创建ContextMenu[/b]
<ul id="contextMenu" class="mini-contextmenu" >
<li>
<span >操作</span>
[list]
<li iconCls="icon-new" οnclick="onItemClick">新建</li>
<li class="separator"></li>
<li iconCls="icon-add" οnclick="onItemClick">增加</li>
<li iconCls="icon-edit" οnclick="onItemClick">修改</li>
<li iconCls="icon-remove" οnclick="onItemClick">删除</li>
[/list]
</li>
<li class="separator"></li>
<li iconCls="icon-open" >打开</li>
<li iconCls="icon-remove" >关闭</li>
</ul>
[b]Javascript处理[/b]
function onItemClick(e) {
var item = e.sender;
alert(item.getText());
}
window.onload = function () {
$("#region1").bind("contextmenu", function (e) {
var menu = mini.get("contextMenu");
menu.showAtPos(e.pageX, e.pageY);
return false;
});
}
如果觉得《jQuery MiniUI 开发教程 导航控件 ContextMenu:右键菜单(四)》对你有帮助,请点赞、收藏,并留下你的观点哦!