ICEfaces Note(2)

本文介绍ICEfaces中行选择器的功能及其配置属性,并演示如何利用列组件实现数据表格的动态列管理,包括运行时增加和删除列。

ICEfaces Note(2)

行选择器(Row Selector)
行选择器tag能够实现数据表中行的选择。它有下面的属性:
1)值(value):是布尔值,指示某行被选择了。这个值必须被定义到数据表的变量中。它必须出现。
2)多行(multiple):缺省为false;若为true,表示超过一行被选择。
3)选择监听器(selectionListener):当点击了一行时,监听器方法被调用。
4)选择类(selectedClass):当一行被选择时,应用某CSS风格。
5)鼠标覆盖类(mouseOverClass):当鼠标移动到某行时,应用某CSS风格。

<ice:dataTablevar="person"value="#{scrollerList.persons}"rows="15"columnClasses="tableCol">
<ice:columnrendered="#{table.renderFirstName}">
<ice:rowSelectorvalue="#{person.selected}"multiple="#{table.multipleSelection}"
selectedClass
="tableRowSelected"mouseOverClass="tableRowMouseOver"
selectionListener
="#{table.rowSelection}"/>
<f:facetname="header">
<ice:outputTextvalue="#{msgs['component.table.column1']}"/>
</f:facet>
<ice:outputTextvalue="#{person.firstName}"/>
</ice:column>
</ice:dataTable>

列(Columns)
列组件提供了一个动态模型用于在运行时增加和删除列。它使用标准变量和值属性。
列组件连同ice:dataTable一起工作。headerClass和columnClasses在dataTable组件上定义,将被应用于所有产生的列作为一个单一的列。
example:

<ice:dataTablevar="item"value="#{columnsBean.rowDataModel}"columnClasses="columnsColumn">
<ice:columnsvalue="#{columnsBean.columnDataModel}"var="column">
<f:facetname="header">
<ice:outputTextid="intCell"value="#{columnsBean.intValue}"/>
</f:facet>
</ice:columns>
</ice:dataTable>

<ice:dataTablevar="item"value="#{columnsBean.rowDataModel}"columnClasses="columnsColumn">
<ice:column>
<f:facetname="header">
<ice:outputTextvalue="id"/>
</f:facet>
<ice:outputTextvalue="#{item.id}"/>
<ice:columnsvalue="#{columnsBean.columnDataModel}"var="column">
<f:facetname="header">
<ice:outputTextvalue="#{column}"/>
</f:facet>
<ice:outputTextvalue="#{columnsBean.intValue}"/>
</ice:columns>
</ice:dataTable>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值