如何动态给节点增加title属性或者修改提示信息值

如何动态给节点增加title属性或者修改提示信息值,第1张

对于zTree树控件,节点的默认提示信息title是节点的name,也就是默认显示节点的名称。你认真了解zTree,不难发现主要是key值在作祟:\x0d\\x0d\view sourceprint\x0d\1var setting = {\x0d\2data: {\x0d\3key: {\x0d\4title: "s"//这里的s表示节点内的s属性\x0d\5},\x0d\\x0d\这里的key内的title默认指向的就是name属性,或者为空,为空的时候也会默认为name属性。\x0d\针对这位朋友的问题,其实方法很多:\x0d\1、在后台构造属性\x0d\在ajax页面内从数据库拿到数据list过后通过new的形式给最终返回的json对象构造一个属性t出来。然后修改setting内key的title指向属性值为t即可。\x0d\返回的json对象数据为:\x0d\\x0d\view sourceprint\x0d\1var zNodes =[\x0d\2{ id:1, pId:0, name:"节点搜索演示 1", t:"节点提示信息1", open:true},\x0d\3{ id:11, pId:1, name:"关键字可以是名字", t:"节点提示信息2"},\x0d\4{ id:12, pId:1, name:"关键字可以是level", t:"节点提示信息3"}\x0d\5];\x0d\\x0d\修改setting内对应的key值\x0d\\x0d\view sourceprint\x0d\1var setting = {\x0d\2data: {\x0d\3key: {\x0d\4title: "t"//这里的s表示节点内的s属性\x0d\5},\x0d\\x0d\2、动态修改树节点的属性\x0d\当前台给zTree树对象赋值结束后获取所有树节点,然后逐个更新树节点的属性值,示例代码如下所示:\x0d\\x0d\view sourceprint\x0d\01$(document)ready(function () {\x0d\02$fnzTreeinit($("#treeDemo"), setting, zNodes);\x0d\03//获取树对象\x0d\04var treeObj = $fnzTreegetZTreeObj("treeDemo");\x0d\05//拿到所有树节点\x0d\06var nodes = treeObjgetNodes();\x0d\07//for循环逐个修改树节点属性\x0d\08for(var i = 0;i回答于 2022-12-11

这个应该不难吧。。你先去网上下个Dtree的目录树例子(如果找不到,我可以发个你)。在后台传一个list进来。这个list保存的对象有个属性是子节点的list。在后台处理好后,在前台用c标签遍历这个list,可以根据varstatusindex来控制tree的节点。

ztree 是个很不错的树状菜单插件! 用得也很普遍, 可以去它官网看下>

但根据你图中显示,  要做的是下拉菜单中的层级, 那这个很好做!

定义一个很简单的JavaBean: 就两个字段: id, deptName 假设叫Depts

Action中定义全局变量: List<Depts> deptList; 写好get set 方法

取出系统中所有的部门数据, 然后通过递归, 每进一层, 名称前添加2个空格, 然后把这个添加完空格的deptName和id 赋值给一个new Depts()对象, 再把这个对象添加到deptList中, 有多少个添加多少个!

到JSP中只要一个循环就可以得到所有的层级关系 

这是ajax请求得到的数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401//EN">

<html>

<head>

<title>tree view</title>

<meta >

1 设置图标,我更推荐使用 iconSkin 方式,这个可以参考 Demo 2 针对节点增加 class 请利用 onNodeCreated 回调,捕获 DOM 创建完毕的回调,然后利用 zTree 的规则找到 treeNodetId + "_a" 这样的 标签,自行添加 class 就是了

设置 JSON 格式的参数

var setting = {

async: {

enable: true,

url: ">

以上就是关于如何动态给节点增加title属性或者修改提示信息值全部的内容,包括:如何动态给节点增加title属性或者修改提示信息值、zTree能实现列表树吗、JSP+Struts2怎么做递归树形下拉列表等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9756977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存