	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");
}
$(document).ready(function() {
 $("#btn").click(function() {	//“取数”按钮执行的js
  AF.func("Load", $("#source").val());	//调用Load函数填充数据
 });
});

使用够简单吧！