演示了图片列、多行编辑、显示掩码(容量、售价、库存量处)、字体、经渲染的背景图等功能. 
填入的XML数据(相对URL):



1.创建本Treelist的XML描述文档如下:
<?xml version="1.0" encoding="utf-8"?>
<TreeList>
//允许编辑,指定行高,背景图旋转315度、透明度12、平铺(tile)
<Properties editAble="true" rowHeight="65">
 <BackGround picture="../res/treelistsh.jpg" rotate="315" alpha="12" arrange="tile" bgColor="#dfdfdf"/>
</Properties>

//指定使用Verdana字体
<Fonts><Font faceName="Verdana" /></Fonts>

<Cols>
 <Col name="TradeMark" width="130">厂商</Col>
 <Col name="Category"  width="100">分类</Col>
 <Col name="Model"     width="200">型号</Col>
 <Col name="picture"   width="250" isImage="true" extentRows="1">图片</Col>  //图片列
 <Col name="other"     width="240" extentRows="1" vAlign="top" edittype="multiLineEdit">其它参数</Col>
 <Col name="Capacity"  width="100" datatype="decimal" atLayer="1" displayMask="data+'升'">容量</Col>
 <Col name="automatic" width="90"  datatype="boolean" atLayer="1" edittype="checkbox">自动档</Col>
 //使用了表达式:displayMask(显示掩码)
 <Col name="price"     width="120" datatype="decimal" atLayer="1" isThousandSeparat="true" displayMask="data+'美元';textColor=if(data〉50000,red,black)">售价</Col>
 <Col name="inStock"   width="120" datatype="int"     atLayer="1" displayMask="data+'辆'">库存量</Col>
</Cols>
</TreeList>
注:这是上面的XML引用的背景图:

2.本例填入了XML格式的数据