关于EasyUI添加tree添加右键问题

可以添加的。楼主可以用一组div来作为菜单。。

然后将菜单的id添加进onContextMenu: function(e, node){ //放这里面}

比如 我的菜单id是mm

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

left: e.pageX,

top: e.pageY

})

这样是可以的。

工具/原料

EasyUI

eclipse

jdk1.8

Tomcat8.x

浏览器

截图工具

第一步，创建静态页面Tree.html，并引入EasyUI框架的CSS文件和JS文件，如下图所示：

第二步，在body插入Tree标签，并根据不同节点设置数据，如下图所示：

第三步，预览该静态页面，看到一个含有盘符的树，如下图所示：

第四步，编辑树控件点击事件，并打印树节点文本内容，如下图所示：

第五步，再次预览该静态页面，这时会打印点击节点的内容，如下图所示：

第六步，再次编辑折叠前事件，并利用调试打印信息，如下图所示：

建议你去看看官方论坛的那个实例，以及官方的demo。

标准的，左侧是树，右侧是tab的。

因为我一直是用的tree的插件，不是官方的tree，因此我看的官方demo+api，现写的一段

以下的ID之类的你改成你自己的

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<script>

$(function(){

$("tt").tree(

//这里加url之类的

,{

onClick:function(node){

openPage(node)

}

})

function openPage(node){

//已经存在的选择

if ($("#tabs").tabs('exists', node.text)) {

$("#tabs").tabs('select',node.text)

//否则添加tab

}else{

$("#tabs").tabs('add',{

title:node,text,

content:"xxx",

closable:true

})

}

}

})

</script>

---