![]() |
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); } |
![]() | 使用够简单吧! |