您当前的位置: 首页 > 

杨林伟

暂无认证

  • 1浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

11zTree - 用 zTree 方法更新节点数据

杨林伟 发布时间:2019-04-22 16:33:04 ,浏览量:1

1、可针对 name、target、 url、icon、 iconSkin、checked、nocheck 等这几个用于显示效果的参数进行更新,其他用于 zTreeNodes 的参数请不要随意更新,对于展开节点,还请调用 expandNode方法,因此请勿随意修改 open 属性。 2、用此方法修改 checked 勾选状态不会触发 beforeCheck / onCheck 事件回调函数。 请通过 zTree 对象执行此方法。

效果图: 在这里插入图片描述

完整代码:




	 ZTREE DEMO - updateNode
	
	
	
	
	
	
		
	
	
.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_open.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon07_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon08_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/9.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
	



用 zTree 方法 更新 节点数据
[ 文件路径: core/update_fun.html ]
    • 1、updateNode 方法操作说明
      • 使用 zTreeObj.updateNode 方法,详细请参见 API 文档中的相关内容
      • 此 Demo 只能同时选中一个节点 试试看:[ 换名字 ]     [ 换图标 ]     [ 换颜色 ]     [ 斜体 ]

    • 2、setting 配置信息说明
      • 不需要对 setting 进行特殊设置
      • 配合 setting.view.fontCss 可以修改节点文字样式
    • 3、treeNode 节点数据说明
      • zTreeObj.updateNode 方法的 API 文档中有详细说明
    • 4、其他说明
      • 此 Demo 是针对 核心 js 包 core 制作的,因此不包括 checkbox 的更新操作
    关注
    打赏
    1662376985
    查看更多评论
    立即登录/注册

    微信扫码登录

    0.3404s