nui UI 具有右键属性的菜单树

参考示例：树右键菜单

一：创建ContextMenu

<ul id="treeMenu" class="nui-contextmenu"  onbeforeopen="onBeforeOpen">           <li iconCls="icon-move" οnclick="onMoveNode">移动节点</li>    <li class="separator"></li>    <li>        <span iconCls="icon-add">新增节点</span>        <ul>            <li οnclick="onAddBefore">插入节点前</li>                           <li οnclick="onAddAfter">插入节点后</li>               <li οnclick="onAddNode">插入子节点</li>                        </ul>    </li>    <li name="edit" iconCls="icon-edit" οnclick="onEditNode">编辑节点</li>    <li name="remove" iconCls="icon-remove" οnclick="onRemoveNode">删除节点</li>       </ul>

二：设置contextmenu

<ul id="tree1" class="nui-tree" url="../data/tree.txt" style="width:200px;padding:5px;"    showTreeIcon="true" textField="text" idField="id"    contextMenu="#treeMenu">       </ul>

三：监听beforeopen事件

function onBeforeOpen(e) {    var menu = e.sender;    var tree = nui.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 = nui.getbyName("edit", menu);    var removeItem = nui.getbyName("remove", menu);    editItem.show();    removeItem.enable();

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

转载于:https://www.cnblogs.com/godlovelian/p/5568962.html

nui UI 具有右键属性的菜单树相关推荐

Mybatis通过colliection属性递归获取菜单树
1.现有商品分类数据表category结构如下,三个字段都为varchar类型 2.创建商品分类对应的数据Bean /*** */ package com.xdw.dao;import java.ut ...
Element 组件之右键鼠标自定义菜单
参考链接: Element 组件之右键鼠标自定义菜单 Vue+ElementUI实现给Tab页添加鼠标右键菜单栏 Element tree组件之自定义菜单基于element tree组件.效果 ...
vue实现echarts树图修改节点图片，修改连线颜色，鼠标悬停显示详情，鼠标右键弹出菜单，搜索，导出PNG，高亮，查看节点是否还有子节点，修改树图的展示方式
其实这些效果之前都有用js写过,但是最近在写vue项目,里面的些许语法还是有些不一样的,所以还是写一遍文章总结一下,下次遇到就可以直接用了. 如果想看js写法,可以看我别的文章首先,实现效果入下图: ...
vc+如何添加右键弹出菜单
2019独角兽企业重金招聘Python工程师标准>>> 一.创建新工程二.编辑菜单资源 1.添加菜单按"Ctrl+R",双击"Menu"图 ...
wpf 代码获取contextmenu_[C#] 转：在WPF里面获取右键弹出菜单（ContextMenu）的鼠标点击源（Owner）控件...
WPF的ContextMenu没有类似WinForm里面ContextMenu.SourceControl的概念,但是你可以通过ContextMenuService的GetPlacementTarge ...
【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
DEMO: http://sources.ikeepstudying.com/menu-mail-qq/ 一.这是什么样的一个插件我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,例 ...
Bootstrap系列之treeview实现菜单树
本博客,介绍通过Bootstrap的treeview插件实现菜单树的功能. treeview链接:http://www.htmleaf.com/Demo/201502141380.html ORM框架 ...
右键弹出菜单和快捷键的设置
写MFC,少不了用到菜单和快捷键,此处我用到了右键菜单.我的项目是一个播放器的实现,那么在屏幕中央右键点击,应该会弹出右键菜单,比如播放,暂停等,如我这样: 对应的每一个菜单应该还有相应的快捷键.那么 ...
win7计算机右键属性无法打开,win7计算机右键属性打不开怎么办
<win7计算机右键属性打不开怎么办>由会员分享,可在线阅读,更多相关<win7计算机右键属性打不开怎么办(5页珍藏版)>请在人人文库网上搜索. 1.win7计算机右键属性打不 ...

nui UI 具有右键属性的菜单树

nui UI 具有右键属性的菜单树相关推荐

最新文章

热门文章