| |
 |
使用模板实现单行多记录显示 |
各种复杂的页面显示效果,可以通过定义DTable的交错行样式和单行显示的记录数来实现,如:

图1
上图的布局实际上是单行显示1条记录,但是列的布局异同于表格,可以直接通过定义交错行的模板来实现。当然,图片可以通过List_FieldFormat来实现。

图2
上图是单行显示3条记录的应用,可以通过定义单行显示的记录数属性以及交错行的模板设置来实现。
关于交错行的模板设置,请参考:使用模板定义外观
图1实现的方法:
- 在dw中设置好表格
- 把相关的文字用字段的代号表示,如图片位置可以这样表示:<a href=showpd.aspx?id=@@fieldvalue0@@><img src=images/@@fieldvalue1@@ border=0></a> 这样手动的定义了图片标签和它的连接,这样DTable就会用列0的值来替代@@fieldvalue0@@部分,用列1的值替代@@fieldvalue1@@ ,以此类推,这样实现的前提是:查询语句中的列0是产品id,列1的值是图片的路径; 有如图1的市场价格如何实现。
在设计好的表格中放置市场价的位置的代码这样表示:
市场价:<s><font color=red>@@fieldvalue3@@</font></s>,这样DTable会自动替换@@fieldvalue3@@为相应的列值
- 把设置好的行代码赋值给交错行模板(List_Template_Tr1和List_Template_Tr2)
- 以此方式可以实现任意布局,任意动作的实现。对于行首的序号可以用@@no@@来得到。
图2实现的方法:
- 在dw中设置好将要显示的一个列的样式(这里把实现显示点一行分为3列,对应dtable来说是一行显示3条记录,每一条记录是一个单独的行)。当然,在dw中设计时,只需要设计一行一列。
- 把设计好的列中的要显示的内容用@@fieldvalue1@@这样的方式替换
- 赋值给List_Template_Tr1和List_Template_Tr2
- 定义属性List_Template_Col=3,DTable就会在一行中显示3个记录
示例:http://www.dtable.com/l_021.aspx