JS动态目录树的简单实现办法-XTree控件
WebFXTreeAbstractNode是目录树控件的抽象基类，不需要创建实例。
它具有如下属性和方法。
1.id(数字类型-只读)
树节点的唯一标识
2.text(字符串)
节点的显示内容
3.action(字符串)
节点的动作响应，如 <a href=”action”>
4.open(布尔型-只读)
表示该节点是否为打开状态还是合拢状态，默认情况下当该节点下没有子节点时返回 false
5.icon(字符串)
指定当前节点显示的图标，如果不指定则使用默认图标
6.openIcon(字符串)
指定节点展开时的图标（当有子节点时有效），不指定则使用默认图标
7.parentNode(引用)
指向父节点的引用
8.childNodea(数组)
包含该节点下的所有子节点
使用方法
包含 js 文件
如： <script src=”xtree.js”></script>
创建根节点
var root = new WebFXTree(“Root”);
添加子节点
root.all(new WebFXTreeItem(“Item1”));
root.all(new WebFXTreeItem(“Item2”));
root.all(new WebFXTreeItem(“Item3”));
输出
document.write(root);
添加目录
var root = new WebFXTree(“Root”);
root.all(new WebFXTreeItem(“1”));
var folder = new WebFXTreeItem(“2”);
root.add(folder);
foldr.all(new WebFXTreeItem(“2.1”));
folder.all(new WebFXTreeItem(“2.2”));
root.all(new WebFXTreeItem(“3”));
document.write(root);
定制行为目录树，通过 setBehavior 方法可以设定目录树中只包含目录，如
var root = new WebFXTree(“Root”);
root.setBehavior(‘explorer’);
定制图标
var root = new WebFXTree(“Root”);
root.all(new WebFXTreeItem(“1”));
var folder = new WebFXTreeItem(“2”);
root.add(folder);
var t21 = new WebFXTreeItem(“2.1”);
t21.icon=webFXTreeConfig.fileIcon;?? // 设置节点 t21 的图标
foldr.all();
folder.all(new WebFXTreeItem(“2.2”));
root.all(new WebFXTreeItem(“3”));
document.write(root);
评论
还没有评论。
发表评论