Tree Context Menu-白红宇

Tree Context Menu

阅读量：6708 次

发布时间：2019-06-25

本文共 1847 字，大约阅读时间需要 6 分钟。

Right click on a node to display context menu.

My Documents
- Photos
- Program Files
  - Intel
  - Java
  - Microsoft Office
  - Games
- index.html
- about.html
- welcome.html

源代码

<!DOCTYPE >

<html>

<meta charset="UTF-8">

<title>Tree Context Menu - jQuery EasyUI Demo</title>

<link rel="sheet" type="text/" href="../../themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../../themes/icon.css">

<link rel="stylesheet" type="text/css" href="../demo.css">

<script type="text/" ="../../jquery.min.js"></script>

<script type="text/javascript" src="../../jquery.easyui.min.js"></script>

<body>

<h2>Tree Context Menu</h2>

<p>Right click on a node to display context menu.</p>

<div ="margin:20px 0;"></div>

<div class="easyui-panel" style="padding:5px">

<ul id="tt" class="easyui-tree" -options="

url: 'tree_data1.json',

method: 'get',

animate: true,

onContextMenu: function(e,node){

e.preventDefault();

$(this).tree('select',node.target);

$('#mm').menu('show',{

left: e.pageX,

top: e.pageY

});

}

"></ul>

</div>

<div id="mm" class="easyui-menu" style="width:120px;">

<div onclick="append()" data-options="iconCls:'icon-add'">Append</div>

<div onclick="removeit()" -options="iconCls:'icon-remove'">Remove</div>

<div class="menu-sep"></div>

<div onclick="expand()">Expand</div>

<div onclick="collapse()">Collapse</div>

</div>

<script type="text/">

function append(){

var t = $('#tt');

var node = t.tree('getSelected');

t.tree('append', {

parent: (node?node.target:null),

data: [{

text: 'new item1'

text: 'new item2'

}]

});

}

function removeit(){

var node = $('#tt').tree('getSelected');

$('#tt').tree('remove', node.target);

}

function collapse(){

var node = $('#tt').tree('getSelected');

$('#tt').tree('collapse',node.target);

}

function expand(){

var node = $('#tt').tree('getSelected');

$('#tt').tree('expand',node.target);

}

</script>

</body>

转载地址：http://kkilo.baihongyu.com/

你可能感兴趣的文章

Confluence 6 找到你的支持识别代码（SEN）

在流行的PHP库中发现了用于创建PDF文件的严重安全漏洞

查看>>

仿百思不得其姐项目开发（粗略笔记，后期规范排版和更新）

查看>>

iOS开发之网络编程--小文件下载

查看>>

Nginx配置之location模块和proxy模块

查看>>

Convert SVG to PDF by using iText in Java(ZT)

查看>>

Mybatis分页插件 - PageHelper很好很强大，转载

查看>>

Java，php，Python连接并操作redis实例

查看>>

研磨设计模式之工厂方法模式-3 ——跟着cc学设计系列

查看>>

军哥独家QCIE（囊括CCIE和HCIEv3.0）的全新课程。请大家参阅

查看>>

我的友情链接

查看>>

Openstack组建部署 — Glance Install

js Array的一个函数indexOf( )、slice()、splice( )

查看>>