BlogJava-大道自然-随笔分类-JavaServer Faceshttp://www.blogjava.net/iamlibo/category/33096.htmlzh-cnFri, 18 Jul 2008 08:37:35 GMTFri, 18 Jul 2008 08:37:35 GMT60Facelets组件http://www.blogjava.net/iamlibo/archive/2008/07/18/215816.htmlLiboLiboFri, 18 Jul 2008 07:22:00 GMThttp://www.blogjava.net/iamlibo/archive/2008/07/18/215816.htmlhttp://www.blogjava.net/iamlibo/comments/215816.htmlhttp://www.blogjava.net/iamlibo/archive/2008/07/18/215816.html#Feedback1http://www.blogjava.net/iamlibo/comments/commentRss/215816.htmlhttp://www.blogjava.net/iamlibo/services/trackbacks/215816.htmlfacelets 可以自定义组件，今天看了一下,果然好用。

以前使用facelets只是定义一个界面的模板，并不没有深入它的自定义组件方面的内容，其实它的自定义组件也就是定义一个tag，然后在xhtml中引入这个tag，但这要比普通的JSP方式的tag方便多了。

要想引用自定义的tag要在web.xml中加入下面代码(前提是一定配置好其他的facelets内容)

<context-param>
<param-name>facelets.LIBRARIES</param-name>
<param-value>
/WEB-INF/tld/xiangyun.taglib.xml
</param-value>
</context-param>

xiangyun.taglib.xml文件的内容如下：

<?xml version="1.0"?>
<!DOCTYPE facelet-taglib PUBLIC
"-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN"
"https://facelets.dev.java.net/source/browse/*checkout*/facelets/src/etc/facelet-taglib_1_0.dtd">

<facelet-taglib>
<namespace>http://xiangyun.cn/components</namespace>
<tag>
<tag-name>echo</tag-name>
<source>component.jspx</source>
</tag>
</facelet-taglib>

在这里引用了一个component.jspx文件，这个文件就是一个或一组想放在一块当做一个组件使用的内容，和其他的jspx文件的写法一样。内容如下：


<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<ice:selectInputDate id="inputDate" popupDateFormat="MM/dd/yyyy"
value="#{inputDate}" renderAsPopup="true"
styleClass="iceSelInpDateInput" onkeydown="ctlent(event);"
rendered="true">
</ice:selectInputDate>
<h:outputText value="#{inputDate}"
rendered="true" styleClass="printText">
<f:convertDateTime dateStyle="long" type="date" timeZone="GMT+8"
locale="cn" />
</h:outputText>
</ui:composition>

只需要注意<ui:composition>标签和引入的命名空间就行，标签里面的内容就看你要完成的功能了。在这里我使用了ICEfaces的日期组件，可以替换成JSF支技的任何东西。

接下来就是要使用了。

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ald="http://xiangyun.cn/components">
<ui:composition template="/pages/layout/layout.jspx">
<ui:define name="content">
<h:form id="testForm">
<ald:echo inputDate="#{testBean.date}"/>
</h:form>
</ui:define>
</ui:composition>
</html>

这里需要引入命名空间，定义前缀为ald，

<ald:echo>这个标签名同xiangyun.taglib.xml中声明的要一致，inputDate是在定义组件component.jspx中声明的#{inputDate}，它可以接收EL表达式。

这样我们就可以把大的复杂的页面，分成可以重用的组件了。

有问题可以和我联系：wfn_libo@163.com

也可以参考https://facelets.dev.java.net/nonav/docs/dev/docbook.html#gettingstarted-bean

Technorati : ,



Libo 2008-07-18 15:22 发表评论
]]>JSF 动态创建组件http://www.blogjava.net/iamlibo/archive/2008/07/01/212007.htmlLiboLiboTue, 01 Jul 2008 13:39:00 GMThttp://www.blogjava.net/iamlibo/archive/2008/07/01/212007.htmlhttp://www.blogjava.net/iamlibo/comments/212007.htmlhttp://www.blogjava.net/iamlibo/archive/2008/07/01/212007.html#Feedback0http://www.blogjava.net/iamlibo/comments/commentRss/212007.htmlhttp://www.blogjava.net/iamlibo/services/trackbacks/212007.htmlJSF 的组件和组件树的概念非常好,可以完全通过JAVA代码实现的组件的生成与设置方法等操作.尤其是JSF1.2提供了更多的组件的Binding方法.下面就实际做一个例子.

首先在managedBean中创建组件

1、创建按钮

private HtmlCommandButton button = new HtmlCommandButton();

public HtmlCommandButton getButton() {
button.setValue("button"); //设置按钮上显示的值
FacesContext context = FacesContext.getCurrentInstance();
ELContext elContext = context.getELContext();
ExpressionFactory ef = context.getApplication().getExpressionFactory();
Class[] c = new Class[0];
// c[0] = ActionEvent.class; //此处想调用一个带参数的方法,没有成功
MethodExpression me = ef.createMethodExpression(elContext,
"#{testBean.testEl}", Void.TYPE, c);
button.setActionExpression(me); //为钮加入一个响应的方法,这种方法是JSF1.2方式的

return button;
}

//在运行时被调用的方式,同前面的方法绑定中的EL表达是一致的.

public void testEl() {
System.out.println("testEl method is run no param");
}

在JSP页面中加入按钮.(testBean是在FacesConfig.xml中声明的上的bean)

<h:commandButton binding="#{testBean.button }"/>

2、创建表格
private HtmlPanelGrid grid = new HtmlPanelGrid();

public HtmlPanelGrid getGrid() {
List list = grid.getChildren();//取得表格的列表
list.add(getHtmlInputText());//向表格列表加入组件
System.out.println("grid column " + grid.getColumns());
return grid;
}

public HtmlInputText getHtmlInputText() {
htmlInputText.setValue("abcc");//这里直接设置值了，可以通过expressionFactory.createValueExpression(elContext, "#{testBean.userid}", String.class);来设置值表达式

htmlInputText.setAlt("alt htmlInputText ");
htmlInputText.setConverter(new TestConve());//为输入框设置转换器
return htmlInputText;
}

在JSP中加入下面代码:

<h:panelGrid binding="#{testBean.grid }"/>

就可以在表格内显示一个输入框了。


Technorati : ,



Libo 2008-07-01 21:39 发表评论
]]>FacesContext的一点经验http://www.blogjava.net/iamlibo/archive/2008/04/26/196353.htmlLiboLiboSat, 26 Apr 2008 13:11:00 GMThttp://www.blogjava.net/iamlibo/archive/2008/04/26/196353.htmlhttp://www.blogjava.net/iamlibo/comments/196353.htmlhttp://www.blogjava.net/iamlibo/archive/2008/04/26/196353.html#Feedback0http://www.blogjava.net/iamlibo/comments/commentRss/196353.htmlhttp://www.blogjava.net/iamlibo/services/trackbacks/196353.htmlJSF 的FacesContext 在使用中遇到这样的一个问题，就是向FacesContext中加入的FacesMessages只有第一次能够显示出来，第二次没有办法显示。经多次试验，最终发现是我自己在基类中写的getFacesContext()方法有问题。

我是这样写的:

private FacesContext facesContext;
public FacesContext getFacesContext() {
if (this.facesContext==null)
this.facesContext =FacesContext.getCurrentInstance();
return FacesContext.getCurrentInstance();
}
然后在子类中直接调用这个方法就可以得到FacesContext了。

想法是好的，但是并没有仔细了解FacesContext的实现。

其实FacesContext.getCurrentInstance()就已经能够每调用的时候都在上下广得到同一个实例了。不必再象我这样写了。反而会画蛇添足。

改成这样就可以了。


public FacesContext getFacesContext() {
return FacesContext.getCurrentInstance();
}


Technorati :



Libo 2008-04-26 21:11 发表评论
]]>icefaces使用经验_ice:panelPopuphttp://www.blogjava.net/iamlibo/archive/2007/09/05/142803.htmlLiboLiboWed, 05 Sep 2007 01:50:00 GMThttp://www.blogjava.net/iamlibo/archive/2007/09/05/142803.htmlhttp://www.blogjava.net/iamlibo/comments/142803.htmlhttp://www.blogjava.net/iamlibo/archive/2007/09/05/142803.html#Feedback0http://www.blogjava.net/iamlibo/comments/commentRss/142803.htmlhttp://www.blogjava.net/iamlibo/services/trackbacks/142803.htmlice:panelPopup是icefaces组件中模式(modal)对话框的组件.使用起来也非常简单.

先看代码:

<ice:panelPopup id="affirmDel" rendered="true" visible="#{purchasePlanBean.confirmDel}" modal="true"
style="z-index:1001; width: 350px; height: 200px; top:25%; left:25%;">
<f:facet name="header">
<ice:outputText styleClass="popupTitle" value="#{resource.confirm_title }" />
</f:facet>
<f:facet name="body">

这里是body的内容

</f:facet>
</ice:panelPopup>

visible属性:是表示什么时候显示该对话框,一般是bean中的一个boolean变量的值，然后通过其他按钮的动作改变这个变量的值来显示对话框。

modal属性：表示对话框是否模式显示。

<f:facet name="header"></f:facet>中的内容是对话框的标题

<f:facet name="body"></f:facet>中的内容是对话框的显示内容。可以为JSF允许的任何内容。

如果对话的body的内容需要一个form，这时应该把一个form标签放到body内部。而不是放到<ice:panelPopup>这个标签的外部。如果放到外部在有多少个form 的情况下会出现对话框都被遮盖起来的情况，导致页面不能使用了。

Technorati : ,



Libo 2007-09-05 09:50 发表评论
]]>