JSF Tree2 实践

通过一次小小的实践,终于了解如何使用tomahawk中的tree2这个组件了,并且写了小段程序,从xml中读取树的结构,生成一个tree,不过tree2不能直接和xml绑定是一个遗憾,那样就会省不少事情了。记下一点心得,以供后来参考了。

         tree2的操作分为两部分,一部分是在页面中通过tag定义样式相关的东西,一部分就是通过编程添加树的节点,起初看了sample以后总是以为这东西有多么的复杂,其实逻辑是很简单的,只是sample中定义了多种不同的样式的节点,看上去很复杂而已。

下面附上我对sample简化过的这段tag来说明一下。

<t:tree2 value="#{catalog.node}" var="node" id="clientside" varNodeToggler="t" >

    <f:facet name="folder">

        <h:panelGroup>

            <f:facet name="expand">

                <t:graphicImage value="images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>

            f:facet>

            <f:facet name="collapse">

                <t:graphicImage value="images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>

            f:facet>

            <h:outputText value="#{node.description}"/>

        h:panelGroup>

    f:facet>

t:tree2>

tree2的主tag定义了tree的根节点和一些相关的参数。嵌套的那个facet定义了一种节点的样式,包括展开与关闭时的图片,以及显示的文字内容。

在程序里面,我们root TreeNodeBase = new TreeNodeBase(…)来创建一个root节点,然后通过root.getChildren().add(new TreeNodeBase(…))为其添加子节点,任何一个节点都可以添加任意多的子节点,通过这样的操作,我们可以很容易的生成一个tree的结构了,实际上,这个tree的结构是通过递归从xml中读取出来,生成一个和xml tree完全相同的结构。

除了明白如何去用这个tree2之外的收获就是,终于明白了如何去通过递归方法遍历一个树形结构,虽然在学校里学过遍历的算法,也抄过例程,但从来没有理解过是怎么一回事,终于在实践中理解了,实践才是软件的根本之道。
   程序的其它部分放在附件里面了,如果有兴趣了可以和我讨论tree2,讨论其它JSF的东西。
   http://www.blogjava.net/Files/steady/catalog.rar

posted on 2005-12-01 09:26 steady 阅读(6559) 评论(32)   编辑   收藏 所属分类: JSF & Myfaces
22068.html?webview=1 <!--
FeedBack:
#  re: JSF Tree2 实践 2005-12-03 15:06  山人
你好,请问如何在字节点上设置超链接。比如点树的任一节点我想让页跳到我指定的页(x.jsp?id=123).
急用,请老兄帮帮忙.
我的email:taoyinzhou@hotmail.com   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-04 10:15  steady
附上我页面的代码:
http://www.blogjava.net/Files/steady/catalogview.rar
我是用commandLink来做的链接,按照你的要求,可以用outputLink来做链接。
把我相应的代码替换掉就可以了。
后面的id=XXX,是在
#  re: JSF Tree2 实践 2005-12-10 08:40  山人
你好,我那个问题如你说的已经解决了。

我是在做一个翻版的项目,以前是我用.net做(asp.net+C#+NHibernate+sqlServer)的,现要把它做成跨平台的java版,所以选用了jsf(myfaces)+spring+hibernate方案。整了快一个月了,终于调试通过了用户认证和功能树生产(数据库用mysql),感觉java是比.net复杂多了。
今天开始学用myfaces的dataScroller组件。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-10 14:04  steady
在现阶段,JSF在标准,实现,工具支持,第三方组件上要比ASP.NET差不少,特别是扩展,除了tomahawk好一点外就没有太多又免费又好用的组件了。工具上,我目前看到最好用的就是BEA Workshop Studio(M7 NitroX),最新版本是 3.0M2,支持最新发布的tomahawk的所有组件,可视化编辑功能也比较好。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-10 14:32  山人
没有用过 BEA Workshop Studio(M7 NitroX) ,我现在用eclipse3.1+myEclipse4.0(破解版).
JSF Myaces(tomahawk)虽然目前资源不多,不过我还是看好的。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-10 16:45  steady
我们这里做项目时用的是Exadel,感觉是对JSF支持的算是仅次于Workshop,目前来看MyEclipse感觉还是比较适合做struts时代的东西。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-20 17:13  山人
java.lang.IllegalStateException: Encountered a node [0] + with an illogical state. Node is expanded but it is also considered a leaf (a leaf cannot be considered expanded.
我在用tree2时出现如上错误,不知如何解决。
我把部门表生成tree2树显示,在新增和修改节点时显示正常;但我在删除节点时如果当前节点下有两个以上的子节点运行正常,当其下只有一个子节点时就出以上错误了。
这个错误出现后我关闭IE从新再打开此页,功能树又显示正常了。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-20 18:15  steady
在Myfaces的JIRA上有这样的错误报告,我也碰到过的,是一个bug,现在新的nightly build中没有这样的问题,但因为不是一个release版本,所以其他地方可能会有一些bug。   回复   更多评论
  
#  re: JSF Tree2 实践 2005-12-21 09:38  山人
谢谢
问题解决了。我下了一个 myfaces-20051215 版本测试正常   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-04 09:48  山 人
你好,我在用户登录以后,想记录下用户名、用户ID、等信息,以备在登录后的其它页面中可以取出用户ID。在用纯jsp(java代码写在jsp页中)写代码时,可以在登录页面后把ID等定义为session如下:
session.putValue("UserID", Integer.toString(intUSERID)); //用户ID
session.putValue("UserName",User_Name);//用户登录名
session.putValue("UserGroupID","0");//用户组ID
我在登录后的其它页面中只用取出以上session就OK了。

请问在jsf中实现同样的功能应该如何做?配置如下,已经可以定义session,只是不清楚在登录后的其它Bean中如何取出session,因为我的功能树要根据谁登录的取对应的功能。



用户登录

sysLogin
com.inphit.pms.web.system.SysLogin
session

serviceLocator
#{ServiceLocatorImpl}

   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:07  巨土无比
你好,问个基础的问题:
rendered="#{t.nodeExpanded} 和 value="#{node.description} 里面的t和node是不是 里面的var和varNodeToggler? 这两个有什么区别吗? nodeExpanded和description这两个方法是在哪里定义的?   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:13  steady
第一个var表示tree中的一个节点,即backing bean中new出来的new TreeNodeBase("folder", name, id, false);
varNodeToggler指的是当前tree节点的状态,展开或者关闭,可以参考javadoc中org.apache.myfaces.custom.tree2.TreeStateBase,这里使用了它的isNodeExpanded方法。    回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:33  巨土无比
我写了一个简单树,但是无法展开,只能显示根节点,帮忙看看哪里的问题:
jsp:
























-------------------------------------
Tree.java:
public TreeNode getTreeData()
{
TreeNode treeData = new TreeNodeBase("root", "根", false);

// construct a set of fake data (normally your data would come from a database)

// populate Frank's portion of the tree
TreeNodeBase menuNode = new TreeNodeBase("menu", "产品管理", false);
menuNode.getChildren().add(new TreeNodeBase("item", "锦囊", true));
treeData.getChildren().add(menuNode);

// populate Betty's portion of the tree
menuNode = new TreeNodeBase("menu", "后缀管理", false);
menuNode.getChildren().add(new TreeNodeBase("item", "神秘园", true));
treeData.getChildren().add(menuNode);

menuNode = new TreeNodeBase("menu", "用户统计", false);
menuNode.getChildren().add(new TreeNodeBase("item", "伊甸园", true));
treeData.getChildren().add(menuNode);

menuNode = new TreeNodeBase("menu", "其它", false);
menuNode.getChildren().add(new TreeNodeBase("item", "预警设置", true));
treeData.getChildren().add(menuNode);

return treeData;
}   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:34  巨土无比
只能显示:
产品管理

后缀管理

用户统计

其它

但是无法展开,点击后没有任何反应   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:38  巨土无比
现在可以了,刚才是用的firefox,现在用的是ie就可以了,有意思,还有这限制呢   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:51  steady
Tree2本身并没有这个问题的,我一直是在FireFox下跑的,一直很正常,但是Myfaces 1.1.1版本的Tree2确实有bug,可以拿比较新的源码Build一下,应该能够解决这个问题。   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:52  巨土无比
又有问题了,用ie的话,如果刷新一下,又报错说“网页有错误”,然后就又无法展开了,只有新打开一个ie或者在原来的ie上回车才可以正常显示,请问这是什么原因呢?   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-13 11:55  巨土无比
最新的myfaces就是1.1.1啊,你是说用nightly builds?我的qq:601998086,加我吧,聊起来方便,验证信息填myfaces吧,呵呵。   回复   更多评论
  
#  re: JSF Tree2 实践 2006-01-14 07:52  kingwell
tree2不是太稳定
做过两个tree交互移动其中一个tree的node到另外一个tree上面,有时候会发生illegalstate的问题,感觉不是太稳定   回复   更多评论
  
#  re: JSF Tree2 实践 2006-03-11 09:14  hunter
tree2的value绑定javabean的属性,那属性类型到底是TreeModel,还是TreeNode?在有的例子中用的是TreeNode(见上文),有的用TreeModel(见Tree2 Explained 解析Tree2一文)。
我觉得应该用TreeModel。   回复   更多评论
  
#  re: JSF Tree2 实践 2006-03-31 10:20  wanfan
@巨土无比
我像上面那样做 也出现这样的问题 只能显示根节点 不能显示叶子节点    回复   更多评论
  
#  re: JSF Tree2 实践 2006-04-26 11:00  128kj_com
非常想与贵站做友情链接,诚邀您到我站自助添加,立即生效,首页显示。
http://www.128kj.com   回复   更多评论
  
#  re: JSF Tree2 实践 2006-05-23 13:36  huyan722
@巨土无比
你可能缺少Filter,我也遇到过这样的问题但是在web.xml中加入Filter后就解决了

MyFacesExtensionsFilter
org.apache.myfaces.component.html.util.ExtensionsFilter

maxFileSize
20m
Set the size limit for uploaded files.
Format: 10 - 10 bytes
10k - 10 KB
10m - 10 MB
1g - 1 GB




<!-- extension mapping for adding , , and other resource tags to JSF-pages --&gt

MyFacesExtensionsFilter
<!-- servlet-name must match the name of your javax.faces.webapp.FacesServlet entry --&gt
Faces Servlet


<!-- extension mapping for serving page-independent resources (javascript, stylesheets, images, etc.) --&gt

MyFacesExtensionsFilter
/faces/myFacesExtensionResource/* url-pattern>

如果你在项目中没有使用到Myfaces的扩展组件(t:开头的),则你不需要配置这个Filter.
可是,如果你用了Myfaces的扩展组件,你必须为你的web程序配置这个Filter.
   回复   更多评论
  
#  re: JSF Tree2 实践 2006-11-18 20:54  jsf_beginner
请问例子的BaseBean是哪个包里的?
   回复   更多评论
  
#  re: JSF Tree2 实践 2007-01-12 22:35  lion.huang
你好,能把那个backbean原代码传我一份吗?
谢谢!
email:lion_6@163.com
QQ:262542058   回复   更多评论
  
#  re: JSF Tree2 实践[未登录] 2007-03-15 17:23  K
请问能不能给树的节点加上右键菜单?   回复   更多评论
  
#  re: JSF Tree2 实践 2007-07-11 12:44  仙子
用TREE2做一个带选择框的树,如何做到点上一级的选择框,自动点选下一级的选择框   回复   更多评论
  
#  re: JSF Tree2 实践[未登录] 2007-09-19 00:02  simon
下一篇: 好书?烂书?
user_pic_default.png
请登录后发表评论 登录
全部评论
<%=items[i].createtime%>

<%=items[i].content%>

<%if(items[i].items.items.length) { %>
<%for(var j=0;j
<%=items[i].items.items[j].createtime%> 回复

<%=items[i].items.items[j].username%>   回复   <%=items[i].items.items[j].tousername%><%=items[i].items.items[j].content%>

<%}%> <%if(items[i].items.total > 5) { %>
还有<%=items[i].items.total-5%>条评论 ) data-count=1 data-flag=true>点击查看
<%}%>
<%}%>
<%}%>

转载于:http://blog.itpub.net/8485249/viewspace-429904/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值