easyUI中动态生成树的代码

野性酷女 2022-06-12 13:00 246阅读 0赞

$.ajax(\{  
    type: "post",  
    url: 'back/getUniversityAndUniversityDepartent.action',  
    success: function (data) \{  
    var data= $.parseJSON(data);  
    $('\#Contact\_tree').tree('append', \{  
data : \[ \{  
id :"-1",  
text : "菜单项",  
value:"all"  
\} \]  
\});  
    var nodeTemp1 = $('\#Contact\_tree').tree('find',"-1");  
    for(var i=0;i<data.length;i++)\{  
    $('\#Contact\_tree').tree('append', \{  
    parent : nodeTemp1.target,  
data : \[ \{  
id :data\[i\].univId,  
text : data\[i\].univeName,  
value:"s",  
\} \]  
\});  
var nodeTemp = $('\#Contact\_tree').tree('find',data\[i\].univId);  
if(data\[i\].universityDepartent\[0\].udName!=null)\{  
    for(var j=0;j<data\[i\].universityDepartent.length;j++)\{  
    $('\#Contact\_tree').tree('append', \{  
parent : nodeTemp.target,  
data : \[ \{  
id : data\[i\].universityDepartent\[j\].udId,  
text : data\[i\].universityDepartent\[j\].udName,  
value:"d",  
uname: data\[i\].univeName,  
univId:data\[i\].univId,  
\} \]  
\});  
    \}  
\}  
   \}  
    //折叠所有节点  
$('\#Contact\_tree').tree('collapseAll');  
    \}  
\});  
$('\#Contact\_tree').tree(\{  
onClick: function(node)\{  
var id=node.id;  
var  value=node.value;  
 if(value=="d")\{  
 var name=node.uname;  
 var univId=node.univId;  
 alert(name);  
 alert(univId);  
 showUniversityContactINfo(id,name,univId);  
\}else if(value=="all")\{//代表查询所有学校信息  
showUniversityContact(id);  
\}  
  
\}

\});

最后生成的形状是

菜单  是根节点

发表评论取消回复

表情：

评论列表（有 0 条评论，246人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyUI中树的基本操作

场景效果 ![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

朴灿烈づ我的快乐病毒、/ 2023年10月18日 20:08/ 0 赞/ 8 阅读

相关 easyUI Tree树动态刷新子节点

$("tree").tree({ url: 'xxx', // 默认是post请求 checkbox: false, a

系统管理员/ 2023年06月21日 03:52/ 0 赞/ 11 阅读

相关 java动态生成树_Dtree+Jquery动态生成树节点例子

1.先来介绍一下. dtree 的用法.(我引用了以前我收集的一篇文章.还比较详细,出处不记得啦).文章下面会附带dtree用法的例子. Dtree目录树的总结一：函数

分手后的思念是犯贱/ 2022年11月05日 13:00/ 0 赞/ 203 阅读

相关 springmvc+easyui实现透视表-动态生成列

项目需求里面要求实现一个类似于excel里透视表的功能，大致意思就是选择对应的数据库之后，行标签和列标签都是可选的，然后在页面上就生成对应的相关记录。例如，我选择“财务信

悠悠/ 2022年08月13日 03:29/ 0 赞/ 175 阅读

相关 easyUI中动态生成树的代码

$.ajax(\{ type: "post", url: 'back/getUniversityAndUniversityDepartent.actio

野性酷女/ 2022年06月12日 13:00/ 0 赞/ 247 阅读

相关 EasyUI树

1.前台部分 //checkbox:true显示多选框 <ul id="tt" data-options="checkbox:true,formatter

旧城等待，/ 2022年05月26日 03:27/ 0 赞/ 328 阅读

相关 EasyUI之生成动态异步菜单栏

在项目开发中，对于整体的页面布局中对于菜单导航栏我们一般设计为根据不同的用户权限展示不同的菜单选项，同时菜单显示也会做异步加载处理。本文就来介绍下基于EasyUI的tree

女爷i/ 2022年02月05日 13:45/ 0 赞/ 316 阅读

相关 ahjesus动态生成表达式树

直接上方法，看的懂的拿去用，看不懂的找资料看懂 public PartialViewResult _Product(int pageindex = 1, int pa

短命女/ 2021年12月19日 15:29/ 0 赞/ 203 阅读

相关动态生成下拉列表（JQuery、EasyUI）

一、原生的select标签： <%@ page language="java" contentType="text/html; charset=UTF-8"

素颜马尾好姑娘i/ 2021年11月22日 12:40/ 0 赞/ 404 阅读

相关 easyui之datagrid：动态生成列(动态报表)

我们都知道，使用easyui可以很容易的生成datagrid，代码如下： _queryGrid = $("datagrid_queryReport").datagri

素颜马尾好姑娘i/ 2021年09月10日 12:40/ 0 赞/ 465 阅读