| 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函数填充数据
     });
    });

| 使用够简单吧！