1.第一列是通过js动态插入的，仅用于勾选，实现了时下流行的勾选式删除操作；
2.切换到以树显示，并让勾选列和第一列(树的排序列)合并显示： .
3.多行选择(curselmode="rows")状态下的表现形式： (注意shift、Ctrl + 鼠标左键的用法);

4.其它功能演示：按表达式快速删除选中行： (注：源码为 AF.func("DeleteRows", "checked=1");)

5.其它功能演示：Checkbox 的交互方式：

1.查看创建该TreeList的XML描述文件，关注实现旋转背景色、4色表头的<Properties>部分；
2.源码分析：

<script language="JavaScript">
 function OnReady(id)
 {
  AF.func("Build", "treelist/t17.xml");
  AF.func("Load", "treelistdata/data.txt");
  //在第一列位置插入新列
  AF.func("InsertCol", "0\r\nname=checked;isCheckboxOnly=true");
 }
 function deletechecked()
 {
  //删除符合表达式的行
  AF.func("DeleteRows", "checked=1");
 }
</script>

　　当然，不是说勾选的列必须动态插入，本例只是演示了动态插列功能。
　　其实在很多场合都用得到动态增删列，以提高XML文档的复用率。

3.Checkbox和树的排序列合并显示，这也是一种常见的场景，实现很简单：

function combine()
{
 AF.func("SetProp", "sort \r\n country a,shipcity a");	//排序
 AF.func("SetProp", "isTree \r\n true");  //切换成树
 AF.func("SetColProp", "checked \r\n TreeCombine \r\n auto,node");  //合并
}

　　里面关键是第五行，当然，你也可以将 TreeCombine 直接写到XML中.

4.列的单选
　　有一种需求是：要求只能选一行，其它行能自动清除选择，相当于在垂直方向保持单选。你在html中加入如下源码，看看效果怎样：

function OnEvent(id, Event, p1, p2, p3, p4)
{
 if(id == 'AF' && Event=='EditChanged') {
  if(p2 == 'checked') {
   AF.func("SetColCellData", p2+ "\r\n");
   AF.func("SetCellData", p1+ "\r\n" +p2+ "\r\n1");
  }
 }
}