jQuery MiniUI 开发教程 树形控件 树操作：右键菜单（十）

阅读更多

树右键菜单

参考示例： 树右键菜单

一：创建ContextMenu

       
   
• 移动节点

   

   
• 
          新增节点
             
• 插入节点前
               
           
• 插入节点后
   
           
• 插入子节点
                
   
   
• 编辑节点

   
• 删除节点
       

二：设置contextmenu

    showTreeIcon="true" textField="text" idField="id"
    contextMenu="#treeMenu">       

三：监听beforeopen事件
function onBeforeOpen(e) {
    var menu = e.sender;
    var tree = mini.get("tree1");

    var node = tree.getSelectedNode();
    if (!node) {
        e.cancel = true;
    }
    if (node && node.text == "Base") {
        e.cancel = true;
        //阻止浏览器默认右键菜单
        e.htmlEvent.preventDefault();
        return;
    }

    ////////////////////////////////
    var editItem = mini.getbyName("edit", menu);
    var removeItem = mini.getbyName("remove", menu);
    editItem.show();
    removeItem.enable();

    if (node.id == "forms") {
        editItem.hide();
    }
    if (node.id == "lists") {
        removeItem.disable();
    }
}