![]() | 上下2个表填入相同的 TSV-Ex 格式数据(相对URL): | |
方式一. 表头的列以分组形式显示 | 操作提示:1.列的拖动被限制在组内;2.点击列以排序;3.切换到以树展现;4.打印预览; |
![]() |
方式二. 表头、数据行都折行显示 | 操作提示:可随意拖动列到其它列的上方、下方、左侧、右侧,并且也不影响排序、以树展示。 |
![]() |
1.这2个Treelist的XML描述文件是在前面的demo基础上稍作修改的,分别为t3_1.xml、t3_2.xml. 填入了TSV-EX格式的数据. 2.第一个XML描述文件,表头分组的诀窍在于<Group>,<Group>可以层层相套、级次自定,并可包含<col>,或与<col>并列: //底色改为白色、表头改为浅灰单色 <Properties Title="订单明细表" bgColor="white" headerColor="#f0f0f0"></Properties> <Fonts> <Font /> <Font italic="1" height="-14" /> </Fonts> <Cols> <Col name="Country" width="100">国家</Col> <Group title="订单情况" textColor="#3333ff"> <Col name="OrderID" width="70" align="center">订单号</Col> <Col name="CustomerID" width="70">客户号</Col> <Group title="日期"> <Col name="OrderDate" width="90" datatype="date">销售日期</Col> <Col name="RequiredDate" width="90" datatype="date">接单日期</Col> </Group> <Col name="Freight" width="80" datatype="double" decimal="2">货重</Col> </Group> <Col name="ShipName" width="130">船名\r\n(海运承包)</Col> <Group title="货 运 目 的 地" fontIndex="1"> <Col name="ShipCity" width="130">城市</Col> <Col name="ShipAddress" width="240">地址</Col> </Group> </Cols>3.第二个XML描述文件,分层的诀窍在于"atLayer"属性,表示处于第几层: <Cols> ... <Col name="ShipName" width="240" atlayer="1">船名</Col> <Col name="ShipCity" width="130" atlayer="1">城市</Col> <Col name="ShipAddress" width="340" atlayer="1">地址</Col> </Cols> |
4.Group 的 Id 的用途 假如某个<group> 含有id,例如: <Cols> ... <Group id="dts" title="日期"> <Col name="OrderDate" width="90" datatype="date">销售日期</Col> <Col name="RequiredDate" width="90" datatype="date">接单日期</Col> </Group> ... </Cols>那么它加载的XML格式数据,允许直接采用分组名“dts”来代替它下属的“OrderDate”和“RequiredDate”, 数据默认以斜杠("/")分隔下属的各个列,例如: <?xml version="1.0" encoding="UTF-8"?> <table> <row> <Country>France</Country> <OrderID>10248</OrderID> <CustomerID>VINET</CustomerID> <dts>2006.07.04/2006.08.01</dts> <Freight/> <ShipName>Com Test'c 5bc</ShipName> <ShipCity>Reims</ShipCity> <ShipAddress/> </row> <row> <Country>Germany</Country> <OrderID>10249</OrderID> <CustomerID>TOMSP</CustomerID> <dts>2006.07.04/2006.08.16</dts> <Freight>11.61</Freight> <ShipName>Toms Spezialitten</ShipName> <ShipCity>Munster</ShipCity> <ShipAddress>Luisenstr. 48</ShipAddress> </row> ...这是采用了这种方式的实例(xml模版文件、xml数据): |