<display:column>常用属性解释

1、官方网址:

  http://www.displaytag.org/1.2/displaytag/tagreference.html

2、<display:column>介绍:

   顾名思义,该标签是用来显示表格中的一列,它只能嵌套在<display:table>标签中使用,显示decorator处理后的结果,如果没有指定decorator,则显示property属性指定的数据。

3、常用属性列表:

 property主要是用来指明需要显示的元素的属性名,同时表格中的列名也就是property的值(没有title属性时),但是会以大写字母开头。
 title该属性用来指定显示列的标题。如果不指定该属性,默认的使用property的名字做为该列的标题。
 style 这个是正常表格中的td的style属性,用来直接定义CSS样式。
 class这个是正常表格中的td的class属性,用来引用CSS。
 headerClass这个是该列的列名的class属性,也就是th的class属性,可以用来控制列标题样式。
 autolinkautolink="true":作用是自能链接,可以将邮箱或者网址转为超链接,而不是单纯的文本显示。转化的结果为:<a href="mailto:xxx">xxx</a>或者<a href="xxx">xxx</a> 还有一点就是它只会将匹配到的邮箱或者网址变成超链接,其他的部分(如果有的话,一般是空格分隔的)还是正常的文本显示。额,好吧最后一点,如果数据量大,这个属性会有性能损失,因为它需要扫描bean值,来匹配网址和邮箱。。。我不关心性能。。。
 decorator 指向自定义装饰器的全路径类名。是ColumnDecorator的子类或者DisplaytagColumnDecorator的子类。
 href生成动态链接,使用href属性动态构造当前列的各行数据的超连接
 url生成动态链接,包含主机名和根路径,不能跨域跳转,也就是只能在项目内跳转。
 paramId添加到超链接后的参数名,后台根据它来获取参数值,只能定义一个参数。
 paramProperty参数值,只能是bean的属性名,不能直接将参数设置为一个字符串常量。可以用隐藏常量列来达到赋值字符串常量的目的,但是本质还是属性值。
 paramNamebean的名字,默认值null,一般就是指当前行所指向的bean对象。
 paramScopebean的范围,默认值null,当前bean。
 sortable默认值false,如果赋值"true":该列具有排序功能,点击列名即可排序。
 defaultorder默认值ascending,descending。声明默认排序是升序还是降序。
 groupgroup="整数":对数据进行分组,可以级联分组,就像数据库查询一样,不过没有数据库的好,因为必须是排序好的,才有级联效果。否则很糟糕。
 total默认值是false,没有统计功能,如果 total="true",就有统计功能,一般是和group一起使用,会对每个分组进行合计,最后总计。实际上更加复杂,<display:table>标签必须有一个TotalTableDecorator,统计功能才有效果。就算没有这个Decorator,还可以手动实现统计功能,因为total="true"还有另外一个效果,<display:table>有一个属性varTotals,它的值是一个Map。key是列序号"column1","column2"...value则是对应每个列的统计结果,具有total="true"的列。所以可以用EL表达式来取到结果,但是有一个限制,这个varTotals变量只能在<display:foot>标签中使用。
 media控制该列在某一类型文件中是否导出/显示。合法值:html,xml,csv,excel。注意可以通过该属性在网页上不显示该列,也就是隐藏列。media="csv xml"就表示不再html网页上显示该列,但是在csv和xml导出文件中还是有该列。
 nulls 默认值nulls="false",如果该属性为null,页面上不会显示null,而是为空,如果nulls="true",并且该属性为null,则显示null,主要用在测试上的时候。
 maxLength 定义该属性最大长度,用...代替过长部分
 maxWords 定义该属性最大字数,用...代替过长部分
 format 格式化显示bean属性值,可以使用任意合法的java.text.MessageFormat模式,主要适用于时间和金钱的格式化:
<display:column property="date" format="{0,date,dd-MM-yyyy}" />
<display:column property="money" format="{0,number,000,000,000.00} $" />
 comparator该列的比较器,指向自定义类的全路径名,实现Comparator,默认值就是DefaultComparator。实际上应该用不到,一般列的值不是字符串就是数字,如果列的值还是一个对象,那么如何显示这个对象呢,至少要实现该对象的toString方法。然后才是实现自己的Comparator比较器。
 escapeXml效果类似于jstl中的<c:out escapeXml="true|false" />,这个属性大家不一定使用过,不过可以了解一下,<c:out>标签中该属性默认值是true,而<display:column>标签默认值是false,当该属性为true时,它会自动转化待显示的字符串中的特殊字符,比如html中的<,>,',",&,这些字符会转成实体字符,&lt;&gt;等这样的结果就是在网页上原封不动地显示了原字符串。相反如果该属性值是false,它是不会做任何转换的。这样由浏览器显示的时候,就有可能得到意想不到的结果。
 headerScope这个是正常表格中th的scope属性
 scope这个是正常表格中td的scope属性
 sortName 根据哪个名称进行排序
 sortProperty指的是根据哪个属性进行排序
 titleKey显示标题从资源文件读取
 value显示的值
4、补充说明:
(1)Href属性和其关联属性:

  使用href属性动态构造当前列的各行数据的超连接。使用paramId来指定附在url字符串后面的参数名称,而使用paramName或者paramProperty来指定与paramId相关联的参数值。 如:

  <display:column href="test.do" paramId="id" paramProperty="userId" >${curpage.Name}</display:column>

  将会生成类似于下面的url形式:http://XXX/demo/test.do?id=1(假设该行的userId的值为1)

(2) Sortable属性和headerClass属性:

  DisplayTag还提供了一个很有特色的特性,那就是可以针对某一列的数据进行排序,而这只需要指定sortable属性为true,并指定其headerClass为sortable就可以了。如:

  <display:column property="label" sortable="true" headerClass="sortable"></display:column>
  这样,就可以通过点击该列的标题来排序该列的数据了。其中,sortable属性接受boolean值为合法属性值,而headerClass为string型的合法值。

转载于:https://www.cnblogs.com/llfddmm/p/7889180.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
display:flex是CSS中的一个属性,用于将元素设置为Flex容器,使子元素成为Flex项目。display:flex属性本身不包含任何属性值,它只是将元素设置为Flex容器。 然而,display:flex属性可以与一系列的Flex子属性一起使用,以控制Flex布局的各种方面。以下是一些常用的Flex子属性: 1. flex-direction:用于定义主轴的方向,决定子项目的排列方式。可选值有row(默认值,沿水平方向排列)、row-reverse、column(沿垂直方向排列)和column-reverse。 2. flex-wrap:用于控制子项目是否换行。可选值有nowrap(默认值,不换行)、wrap(换行)和wrap-reverse(反向换行)。 3. flex-flow:简写属性,用于同时设置flex-direction和flex-wrap。 4. flex:用于设置主轴上的弹性大小。可选值有auto(默认值,根据容器大小自动调整)、none(不伸缩)、flex-grow(伸缩因子,表示各项目在主轴上伸展的相对比例)、flex-shrink(收缩因子,表示项目在主轴上收缩的相对比例)和fixed(指定项目在主轴上的具体大小)。 5. align-items和align-self:用于在交叉轴上对齐项目。align-items用于设置容器内项目在交叉轴上的对齐方式,align-self用于设置单个项目的对齐方式,可以覆盖容器级别的对齐设置。 6. justify-content:用于在主轴上对齐项目。 这些属性可以单独使用,也可以组合使用,以实现更复杂的Flex布局效果。请注意,这些属性需要在display:flex的元素上设置,才能生效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值