| 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);
    }

| 使用够简单吧！