学步园

      现在有多少人在用JSF，没有办法调查，只知道07年到09年市场上介绍JSF有关的书籍总共就10本左右，10年没有出新书，框架无好坏，适用就好。有缘在过去的一个小项目中使用，并且升级后的版本中也在使用。

      设计一个树要考虑一下几个问题：

      1、输入什么类型数据结构

      2、采用什么方式刷新

      3、展现（JSF已经帮助我们完成）

      这里我们看看JSF Tree的基础组件，rich:tree标签

输入数据：org.richfaces.model.TreeNode

 ...<br /> private TreeNodeImpl<String> stationRoot = new TreeNodeImpl<String>();<br /> private TreeNodeImpl<String> stationNodes = new TreeNodeImpl<String>();<br /> private String[] kickRadioFeed = { "Hall & Oates - Kiss On My List",<br /> "David Bowie - Let's Dance", "Lyn Collins - Think (About It)",<br /> "Kim Carnes - Bette Davis Eyes",<br /> "KC & the Sunshine Band - Give It Up" };<br /> ...<br /> stationRoot.setData("KickRadio");<br /> stationNodes.addChild(0, stationRoot);<br /> for (int i = 0; i < kickRadioFeed.length; i++){<br /> TreeNodeImpl<String> child = new TreeNodeImpl<String>();<br /> child.setData(kickRadioFeed[i]);<br /> stationRoot.addChild(i, child);<br /> }<br /> ...

展现：

...<br /> <rich:tree value="#{stations.stationNodes}" var="station"><br /> <rich:treeNode><br /> <h:outputText value="#{station}" /><br /> </rich:treeNode><br /> </rich:tree><br /> ...

输入数据：stations.xml

<?xml version="1.0"?><br /> <station name="KickRadio"><br /> <feed date="today"><br /> <song time="07:00">Hall & Oates - Kiss On My List</song><br /> <song time="07:03">David Bowie - Let's Dance</song><br /> <song time="07:06">Lyn Collins - Think (About It)</song><br /> <song time="07:10">Kim Carnes - Bette Davis Eyes</song><br /> <song time="07:15">KC & the Sunshine Band - Give It Up</song><br /> </feed><br /> </station>

初始化

...<br /> private TreeNode data;<br /> ...<br /> FacesContext context = FacesContext.getCurrentInstance();<br /> data = XmlTreeDataBuilder.build(new InputSource(getClass().getResourceAsStream("stations.xml")));<br /> ...

展现

...<br /> <rich:tree id="treeXML" value="#{stations.data}" var="vardata"><br /> <rich:treeNode><br /> <h:outputText value="#{vardata.attributes['name']}" /><br /> <h:outputText value="#{vardata.attributes['date']}" /><br /> <h:outputText value="#{vardata.attributes['time']}" /><br /> <h:outputText value=" #{vardata.text}" /><br /> </rich:treeNode><br /> </rich:tree><br /> ...

输入数据：list

...<br /> <h:form><br /> <rich:tree style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"><br /> <rich:treeNode type="artist" iconLeaf="/images/tree/singer.png" icon="/images/tree/singer.png"><br /> <h:outputText value="#{item.name}" /><br /> </rich:treeNode><br /> <rich:treeNode type="album" iconLeaf="/images/tree/disc.png" icon="/images/tree/disc.png"><br /> <h:outputText value="#{item.title}" /><br /> </rich:treeNode><br /> <rich:treeNode type="song" iconLeaf="/images/tree/song.png" icon="/images/tree/song.png"><br /> <h:outputText value="#{item.title}" /><br /> </rich:treeNode><br /> </rich:tree><br /> </h:form><br /> ...

是不是比较简单，和我们c标签里循环比较类似。上面都没有说明树如何刷新的问题，richfaces 的 rich:tree 支持三种模式：ajax/client/server

<h:form><br /> <rich:tree switchType="client" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"><br /> <rich:treeNode type="artist" iconLeaf="/images/tree/singer.gif" icon="/images/tree/singer.gif"><br /> <h:outputText value="#{item.name}" /><br /> </rich:treeNode><br /> <rich:treeNode type="album" iconLeaf="/images/tree/disc.gif" icon="/images/tree/disc.gif"><br /> <h:outputText value="#{item.title}" /><br /> </rich:treeNode><br /> <rich:treeNode type="song" iconLeaf="/images/tree/song.gif" icon="/images/tree/song.gif"><br /> <h:outputText value="#{item.title}" /><br /> </rich:treeNode><br /> </rich:tree><br /> </h:form>

默认是Ajax模式，我们可以配置： switchType="client"或 switchType="server"