Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4130652
  • 博文数量: 626
  • 博客积分: 10
  • 博客等级: 民兵
  • 技术积分: 11080
  • 用 户 组: 普通用户
  • 注册时间: 2012-08-23 13:08
文章分类

全部博文(626)

文章存档

2015年(72)

2014年(48)

2013年(506)

分类: IT职场

2013-09-23 09:44:56

 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>

 

列(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: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>

阅读(914) | 评论(0) | 转发(0) |
0

上一篇: 双射(bijection)

下一篇: ICEfaces Note(3)

给主人留下些什么吧!~~