`
tomhibolu
  • 浏览: 1383122 次
文章分类
社区版块
存档分类
最新评论

ICEfaces Note(1)

 
阅读更多

ICEfaces Note(1)

一、ICEfaces架构的主要元素包括:
1)Persistent Faces Servlet:通过”.faces“扩展名映射到Persistent Faces Servlet。
2)Blocking Servlet:管理所有要阻塞和非阻塞的请求。
3)D2D ViewHandler:建立Direct-to-DOM rendering环境。
4)D2D Parser:从JSP文档中聚集组件树。
5)D2D RenderKit:翻译组件树到DOM。
6)DOM Response Writer:往DOM中写入。
7)DOM Serializer:序列化DOM。
8)DOM Updater:聚集DOM的改变到单个的增量DOM更新。
9)Component Suite:提供丰富的JSF组件集。
10)Client-side Ajax Bridge:持续DOM更新请求的产生和响应处理。

二、DataTable组件:显示数据的表组件。
1)支持表头Facet(table Header facet)和表尾Facet(table Footer facet);
2)内嵌列组件,依次包含列头(column header),列尾(column footer)和commandSortHeader facet;
3)带一可选功能支持分页浏览(a paged tabled view)。
tag-name:<ice:dataTable>
tag-class:com.icesoft.faces.component.ext.taglib.DataTableTag
component-class:com.icesoft.faces.component.ext.HtmlDataTable
component-type:com.icesoft.faces.HtmlDataTable
component-family:javax.faces.Command
renderer-class:com.icesoft.faces.component.ext.renderkit.TableRenderer
renderer-type:com.icesoft.faces.Table

<ice:formxmlns:h="http://java.sun.com/jsf/html"
xmlns:f
="http://java.sun.com/jsf/core"
xmlns:ice
="http://www.icesoft.com/icefaces/component">
<ice:panelGridstyleClass="contentLayoutGridStyle"columns="1"border="0">
<ice:panelTabSetstyleClass="componentPanelTabSetLayout">
<ice:panelTablabel="#{msgs['tabbedHeadings.demo']}">
<ice:panelGridstyleClass="componentLayoutRootTable"columns="1">
<ice:panelGridstyleClass="formBorderHighlight">
<h3>
<ice:outputTextvalue="#{msgs['component.textFields.directions']}"/>
</h3>
<br/>
<ice:panelGridcolumns="2"rowClasses="textFieldNameRow,textFieldNameRow,textFieldCommentsRow">
<ice:outputTextstyleClass="propertyLabel"value="#{msgs['component.textFields.name']}"/>
<ice:inputTextvalue="#{textFields.name}"partialSubmit="true"/>
<ice:outputTextstyleClass="propertyLabel"value="#[msgs['component.textFields.password']}"/>
<ice:inputSecretvalue="#{textFields.password}"partialSubmit="true"/>
<divstyle="padding-top:5px;">
<ice:outputTextstyleClass="propertyLabel"value="#{msgs['component.textFields.comments']}"/>
</div>
<ice:inputTextareavalue="#{textFields.comments}"cols="20"rows="4"partialSubmit="true"
style
="width:280px;height:80px;overflow:auto;"/>
</ice:panelGrid>
</ice:panelGrid>
<ice:panelGridstyleClass="formBorderHighlight">
<h3>
<ice:outputTextvalue="#{msgs['component.textFields.serverFeedback']}"/>
</h3>
<ice:panelGridcolumns="2">
<ice:outputTextvalue="#{msgs['component.textFields.name']}"styleClass="valueHeader"/>
<ice:outputTextvalue="#{textFields.name}"styleClass="valueText"/>

<ice:outputTextvalue="#{msgs['component.textFields.password']}"styleClass="valueHeader"/>
<ice:outputTextvalue="#{textFields.password}"styleClass="valueText"/>

<ice:outputTextvalue="#{msgs['component.textFields.comments']}"styleClass="valueHeader"/>
<ice:outputTextvalue="#{textFields.comments}"styleClass="valueText"/>
</ice:panelGrid>
</ice:panelGrid>
</ice:panelGrid>
</ice:panelTab>
<ice:panelTablabel="#{msgs['tabbedHeadigns.description']}">
<iframesrc="./docs/textEntryDoc.html"class="includeIframe"width="100%"></iframe>
</ice:panelTab>
<ice:panelTablabel="#{msgs['tabbedHeadings.source']}">
<iframesrc="./sourcecodeStream.html?path=./inc/components/textFields.jspx"
class
="includeIframe"width="100%">
</iframe>
</ice:panel>
</ice:panelTabSet>
</ice:panelGrid>
</ice:form>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics