ZTREE 自定义图标

自定义图标 – icon 属性:
1、setting 配置信息说明
自定义图标不需要对 setting 进行特殊配置
2、treeNode 节点数据说明
利用 节点数据的 icon / iconOpen / iconClose 属性实现自定义图标
详细请参见 API 文档中的相关内容
3、其他说明
由于时间关系,例子直接采用 png 图片,如果需要解决 ie6 下 png 图片的透明问题,请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决
JS插件:
在这里插入图片描述
CSS插件:
在这里插入图片描述
对于简单的树来说,自定义图标可以使树更美观。这就需要写一些样式给它:
在这里插入图片描述
JS部分的代码也有所不同:
var setting = { data: { simpleData: { enable: true } } };
ZTREE 自定义图标_第1张图片
传数据是一样的:
$(document).ready(function () {
. f n . z T r e e . i n i t ( .fn.zTree.init( .fn.zTree.init(("#treeDemo"), setting, zNodes);});
然后一个自定义图标的树就出来了:
ZTREE 自定义图标_第2张图片

你可能感兴趣的:(MVC)