1.点击"取数";
2.点击标题执行排序;
3.拖动标题交换列次序;
4.拖动标题至其它标题下方,使其以多层表头展现;
5.在未排序的列标题处击右键,将其加入多重排序;
6.将其它列拖入多重排序区,观察表格变化;
7.拖动排序区内的列(更换排序优先级);
8.拖出排序区内的列(移除排序列);
填入的数据(相对URL):



1.上面的Treelist是根据一个XML描述文件创建的,它非常之简洁,对吗? 在后面的演示中也基本类似.
2.Treelist填充的数据支持XML、JSON、TSV(Tab-Seperated Value)格式, 本例采用了XML数据
3.选中鼠标右键弹出菜单“显示标尺”,定位到最末行,您可看到共有500行数据,相信您对此性能肯定满意;
4.源码分析:页面中创建Treelist控件实例的HTML如下,直接调用了 dynaload.js 中的insertTreeList( )函数:
<div style="position:relative;width:97%">
 <script>insertTreeList('AF', '', '400px')</script>  //对象名为AF
</div>
页面中和Treelist有关的js源码是:
function OnReady(id)  //Treelist抛给页面的事件
{
 //加装相对当前目录下的XML描述文档,创建Treelist
 AF.func("Build", "treelist/t1.xml");
}
function Retrieve() //“取数”按钮执行的js
{
 var url = document.getElementById("source").value;
 //调用Load函数填充数据
 AF.func("Load", url);
}
使用够简单吧!