这是一个更完整的 zk mvvm 树示例，它类似于按需加载的目录资源管理器：
https://github.com/simbo1905/zktreemvvm
只需使用“git clone”检查它，然后运行它：
mvn -Djetty.port=8080 package jetty:run
该代码将在给定端口上启动自己的码头服务器。
它使用Apache Commons VFS作为文件系统的抽象，而不是使用更难模拟和单元测试的原始 java.io.File。默认情况下，代码显示一个 ZK 屏幕来浏览 commons-vfs2-2.0.jar 的内部，就好像它是常规文件和文件夹一样。只需将 ViewModel 类中的 FILE_SYSTEM_URI uri 更改为文件位置，如“file:///some/path/”，即可查看常规文件系统。
zul 页面包含一棵树并将其模型绑定到 vm.treeModel 并将 selectedItem 事件绑定到 vm.pickedItem 方法：
<?xml version="1.0" encoding="UTF-8"?>
<zk>
<window apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('org.github.simbo1905.zktreemvvm.CommonsVfs220ViewModel')">
<tree model="@load(vm.treeModel)" selectedItem="@bind(vm.pickedItem)">
<treecols>
<treecol label="name" />
<treecol label="index" />
</treecols>
<template name="model" var="node" status="s">
<treeitem>
<treerow>
<treecell label="@bind(node) @converter('org.github.simbo1905.zktreemvvm.NodeConverter')" />
<treecell label="@bind(s.index)" />
</treerow>
</treeitem>
</template>
</tree>
</window>
</zk>
@Converter 对保存在树模型中的 FileObject 数据进行友好渲染。
实际的 ViewModel 并没有做太多的事情，只是保存了 selectedItem 事件处理程序（它只做日志）并提供对 TreeModel 的访问：
public TreeModel<FileObject> getTreeModel() {
if (treeModel == null) {
try {
FileSystemManager fsManager = VFS.getManager();
FileObject fo = fsManager.resolveFile( FILE_SYSTEM_URI );
treeModel = new CachingVfsTreeModel(fo);
} catch (FileSystemException e) {
throw new IllegalArgumentException(String.format("Could not open VFS uri: %s",FILE_SYSTEM_URI),e);
}
}
return treeModel;
}
主要工作是在扩展 AbstractTreeModel 并定义强制方法的 VfsTreeModel 类中
public class VfsTreeModel extends AbstractTreeModel<FileObject> {
// __ snip __
@Override
public FileObject getChild(FileObject parent, int index) {
log.info(String.format("%s getChild on %s with index %s", level(parent), innerName(parent), index));
FileObject child = null;
try {
FileObject[] children = parent.getChildren();
child = children[index];
} catch (FileSystemException e) {
throw new IllegalArgumentException(e);
}
return child;
}
@Override
public int getChildCount(FileObject node) {
int childCount = 0;
try {
FileType type = node.getType();
if( type == FileType.FOLDER ){
childCount = node.getChildren().length;
}
} catch (FileSystemException e) {
throw new IllegalArgumentException(e);
}
log.info(String.format("%s getChildCount on %s returning %s",level(node),innerName(node), childCount));
return childCount;
}
@Override
public boolean isLeaf(FileObject node) {
boolean isLeaf = false;
try {
FileType type = node.getType();
isLeaf = (type == FileType.FILE );
} catch (FileSystemException e) {
throw new IllegalArgumentException(e);
}
log.info(String.format("%s isLeaf on %s returning %s", level(node),innerName(node), isLeaf));
return isLeaf;
}
在这个错误跟踪器中有一个建议覆盖 getPath 以防止框架进行大量其他调用来找出该信息：
http://tracker.zkoss.org/browse/ZK-1278
该方法实现为步行到根：
@Override
public int[] getPath(FileObject node) {
List<Integer> paths = new ArrayList<Integer>();
try {
FileObject parent = node.getParent();
while (parent != null && parent.getType().equals(FileType.FOLDER)) {
FileObject[] children = parent.getChildren();
for( int index = 0; index < children.length; index++){
FileObject c = children[index];
if( node.equals(c)){
paths.add(index);
break;
}
}
node = parent;
parent = node.getParent();
}
} catch (FileSystemException e) {
throw new IllegalArgumentException(e);
}
int[] p = new int[paths.size()];
for( int index = 0; index < paths.size(); index++){
p[index] = paths.get(p.length - 1 - index); // reverse
}
log.info(String.format("%s getPath on %s",level(node),innerName(node)));
return p;
}
在以下树模型文档和“海量数据”文档中，它建议缓存：
http://books.zkoss.org/wiki/ZK_Developer%27s_Reference/MVC/Model/Tree_Model
http://books.zkoss.org/wiki/ZK%20Developer%27s%20Reference/Performance%20Tips/Listbox,%20Grid%20and%20Tree%20for%20Huge%20Data/Implement%20ListModel%20and%20TreeModel
因此，在示例代码中，ViewModel 创建了 VfsViewModel 的缓存子类。刷新页面将创建新对象并让缓存被垃圾收集，这对于本示例来说可能已经足够了。