ICEfaces Note(2)
行选择器(Row Selector)
行选择器tag能够实现数据表中行的选择。它有下面的属性:
1)值(value):是布尔值,指示某行被选择了。这个值必须被定义到数据表的变量中。它必须出现。
2)多行(multiple):缺省为false;若为true,表示超过一行被选择。
3)选择监听器(selectionListener):当点击了一行时,监听器方法被调用。
4)选择类(selectedClass):当一行被选择时,应用某CSS风格。
5)鼠标覆盖类(mouseOverClass):当鼠标移动到某行时,应用某CSS风格。
<
ice:dataTable
var
="person"
value
="#{scrollerList.persons}"
rows
="15"
columnClasses
="tableCol"
>
< ice:column rendered ="#{table.renderFirstName}" >
< ice:rowSelector value ="#{person.selected}" multiple ="#{table.multipleSelection}"
selectedClass ="tableRowSelected" mouseOverClass ="tableRowMouseOver"
selectionListener ="#{table.rowSelection}" />
< f:facet name ="header" >
< ice:outputText value ="#{msgs['component.table.column1']}" />
</ f:facet >
< ice:outputText value ="#{person.firstName}" />
</ ice:column >
</ ice:dataTable >
< ice:column rendered ="#{table.renderFirstName}" >
< ice:rowSelector value ="#{person.selected}" multiple ="#{table.multipleSelection}"
selectedClass ="tableRowSelected" mouseOverClass ="tableRowMouseOver"
selectionListener ="#{table.rowSelection}" />
< f:facet name ="header" >
< ice:outputText value ="#{msgs['component.table.column1']}" />
</ f:facet >
< ice:outputText value ="#{person.firstName}" />
</ ice:column >
</ ice:dataTable >
列(Columns)
列组件提供了一个动态模型用于在运行时增加和删除列。它使用标准变量和值属性。
列组件连同ice:dataTable一起工作。headerClass和columnClasses在dataTable组件上定义,将被应用于所有产生的列作为一个单一的列。
example:
<
ice:dataTable
var
="item"
value
="#{columnsBean.rowDataModel}"
columnClasses
="columnsColumn"
>
< ice:columns value ="#{columnsBean.columnDataModel}" var ="column" >
< f:facet name ="header" >
< ice:outputText id ="intCell" value ="#{columnsBean.intValue}" />
</ f:facet >
</ ice:columns >
</ ice:dataTable >
< ice:columns value ="#{columnsBean.columnDataModel}" var ="column" >
< f:facet name ="header" >
< ice:outputText id ="intCell" value ="#{columnsBean.intValue}" />
</ f:facet >
</ ice:columns >
</ ice:dataTable >
<
ice:dataTable
var
="item"
value
="#{columnsBean.rowDataModel}"
columnClasses
="columnsColumn"
>
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="id" />
</ f:facet >
< ice:outputText value ="#{item.id}" />
< ice:columns value ="#{columnsBean.columnDataModel}" var ="column" >
< f:facet name ="header" >
< ice:outputText value ="#{column}" />
</ f:facet >
< ice:outputText value ="#{columnsBean.intValue}" />
</ ice:columns >
</ ice:dataTable >
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="id" />
</ f:facet >
< ice:outputText value ="#{item.id}" />
< ice:columns value ="#{columnsBean.columnDataModel}" var ="column" >
< f:facet name ="header" >
< ice:outputText value ="#{column}" />
</ f:facet >
< ice:outputText value ="#{columnsBean.intValue}" />
</ ice:columns >
</ ice:dataTable >