BlogJava-一切从实用出发!-随笔分类-Java Server Faces

jsf1.2 自定义日历组件

傻瓜 — Mon, 08 Oct 2007 02:58:00 GMT

开发自己的jsf组件并不是一件容易的事情，因为jsf组件对于应用程序员来说还是过于复杂跟耗费时间了。开发不依赖于具体实现jsf-api的第三方jar包的组件就更不容易了，要做的工作比较的多.本例参照了一个jsf1.1组件的开源跟jsf1.2-RI的源码,理论上应该是可以通用的组件,并且是一个实用的基于jsf1.2的日历组件。.因为源码太长，不方便在这里一一贴出来，只好简略介绍一下各个类的功能，及一些配置了，感兴趣的朋友可以从附件里下载.如果要用在别的地方可以自己打个jar包.jsf自定义组件至少需要三个类:
处理标签属性的类com.sun.faces.metal.MetalCalendarTag,维护状态处理输入的类com.sun.faces.metal.MetalCalendar和一个外部呈现器类com.sun.faces.metal.MetalCalendarRenderer(其中addRequiredMessage(FacesContext context, MetalCalendar cal)之类的方法很有趣，定义了标签的一些类容),这里着重说明一下标签处理类，因为jsf1.2跟jsf1.1的实现有些不一样，原因是jsf1.2使用了统一的EL语言。
Jsf1.2中所有的自定义标签的属性都是一个javax.el.ValueExpression的实例，所有的方法绑定都是一个javax.el.MethodExpression的实例，不再需要去创建一个ValueBinding和MethodBiding.关于这一点可以参考网上的jsf1.2新特性的文档。com.sun.faces.metal.HtmlBasicRenderer类很干脆，直接从jsf1.2-RI中copy过来略加改动，是com.sun.faces.metal.MetalCalendarRenderer的超类。
com.sun.faces.metal.metl. StaticResourcePhaseListener类一个事件监听类，它的作用是把一些js,css,图像文件等输出到客户端，以定制组件的外观，而不是在呈现器类中通过writerAttribute(“img”,”tt.gif”,”img”)之类的通过图象的URL去定位这个文件。这样的目的只有一个，就是文件打成jar包，以便供第三方使用。
com.sun.faces.metal.util.FacesMessage类很也很干脆从javax.faces.application.FacesMessage类继承而来，实际上只是为了改变下一FACES_MESSAGES 属性，使之看起来像这样public static final String FACES_MESSAGES = "com.sun.faces.metal.util.Messages"; com.sun.faces.metal.util包中有两个Messages.properties属性文件，一个是针对中文的.
com.sun.faces.metal.util.FacesMessageFactory类也只是从jsf1.2-ri包中复制过来的.这样我们就可以完全不依赖jsf-api的实现而定义了自己的message属性.
剩下的就是一些辅助类了，也还算容易看的懂.
原本应该很庸长的一些叙述在这里极度浓缩了，简直就是没法理解的，好在如果有自定义jsf组件的基础，源码也应该还看得懂.源码下载

傻瓜 2007-10-08 10:58 发表评论

JSF 在弹出对话框里修改多行记录

傻瓜 — Mon, 31 Jul 2006 02:44:00 GMT

在javaserver faces里做弹出对话框并不是一件容易的事情,尤其是在弹出对话框里做修改记录的操作,感觉还是蛮麻烦的. 这里主要用到了两个javascript小技巧,window.open("","popup","height=480,width=320,toolbar=no,menubar=no,scrollbars=no");打开一个空白网页的窗口,然后动态设置修改按钮提交时的target属性.另一个小技巧是 setInterval('opener.window.location.href=opener.window.location.href;window.close();',20);在编辑页面提交表单时做这个

显示数据的文件show.jsp
<%@page contentType="text/html; charset=GB2312"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

function SetCheckedStatus()
{
var oTable=document.all['fors:data'];
var oChkAll=document.all['fors:selectall']

if(oTable != null && oChkAll != null)
{
  for(j=1;j  {
   oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
  }
}
}

show book

编辑页面也就弹出对话窗页面editor.jsp
<%@page contentType="text/html; charset=GBK"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

editor

backing bean CDBean.java

package test;

import java.util.*;
import javax.faces.model.ListDataModel;
import javax.faces.event.ActionEvent;

public class CDBean {
private List CDList = new ArrayList();

private ListDataModel model;

private ListDataModel editorModel;

    public CDBean() {
        CDList.add(new CD("计算机应用", "长江", 25.00F, ""));
        CDList.add(new CD("java模式", "长江", 80.00F, ""));
        CDList.add(new CD("j2EE1.4标准教材", "长江", 100.00F, ""));
    }

    public ListDataModel getModel() {
        if (model == null) {
            model = new ListDataModel(CDList);
        }
        return model;
    }

    public ListDataModel getEditorModel() {
        return editorModel;
    }

    public void editorTriggered(ActionEvent actionEvent) {
        List list = (List) model.getWrappedData();
        List editorList = new ArrayList();
        for (Iterator it = list.iterator(); it.hasNext(); ) {
            CD cd = (CD) it.next();
            if (cd.getEditor()) {
                editorList.add(cd);
            }
        }
        editorModel = new ListDataModel(editorList);
    }

    public void saveTriggered(ActionEvent actionEvent) {
        List list = (List) editorModel.getWrappedData();
        for (Iterator it = list.iterator(); it.hasNext(); ) {
            CD cd = (CD) it.next();
            cd.setEditor(false);
        }

}

辅助类CD.java
package test;

public class CD implements java.io.Serializable {

private Long id;

private String artist;

private String category;

private String subCategory;

private String title;

private float price;

private boolean editor;

public CD() {
}

    public CD(String aTitle, String aArtist, float aPrice, String aCategory) {
        this.title = aTitle;
        this.artist = aArtist;
        this.price = aPrice;
        this.category = aCategory;
    }

    public void setArtist(String aArtist) {
        this.artist = aArtist;
    }

    public String getArtist() {
        return artist;
    }

    public void setCategory(String aCategory) {
        this.category = aCategory;
    }

    public String getCategory() {
        return category;
    }

    public void setId(Long aId) {
        this.id = aId;
    }

    public Long getId() {
        return id;
    }

    public void setPrice(float aPrice) {
        this.price = aPrice;
    }

    public float getPrice() {
        return price;
    }

    public void setSubCategory(String aSubCategory) {
        this.subCategory = aSubCategory;
    }

    public String getSubCategory() {
        return subCategory;
    }

    public void setTitle(String aTitle) {
        this.title = aTitle;
    }

    public String getTitle() {
        return title;
    }

    public void setEditor(boolean editor){
        this.editor=editor;
    }
    public boolean getEditor(){
        return this.editor;
    }
}

配置文件faces-config.xml

http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

http://java.sun.com/JSF/Configuration">

    cd
    test.CDBean
    session

    /show.jsp

      editor
      /editor.jsp


    /editor.jsp

      show
      /show.jsp

最后的总结:在弹出窗口里是没法用jsf的验证机制的,原因是setInterval('opener.window.location.href=opener.window.location.href;window.close();',20);有一个javascript的opener对象的引用,当用jsf验证时如果有非法输入,弹出窗口页面就会刷新,这就会丢失对opener的引用,而且还存在另一个问题就是如果验证正确就应该关闭对话框,失败就不应该关闭对话框.这个问题也不好解决. 那么是不是就没办法解决验证的问题呢?不是的.可以在弹出页面里用frame引用两个页面,一个保持对opener的引用,另一个就是编辑作用了,具体作法就是在backing bean 里添加一个action动态导航方法里调用FacesContext.getCurrentInstance().getResponseWriter().write(); 在write 方法里打印用于控制关闭对话框的javascript代码,因为action方法能执行就表示验证一定通过了.如果验证不通过的话就会返回自身页面抛出异常.在write 方法里,最后在write 方法的最后一定不能忘了 FacesContext.getCurrentInstance().responseComplete()以跳过转向的执行,也就是跳过jsf生命的最后一个阶段.还有另一个更好的解决方案,用Ajax实现验证,具体实现就不再赘述了,因为它不是jsf的一部分:) 欢迎加入QQ群:30406099

傻瓜 2006-07-31 10:44 发表评论

实现jsf中的h:dataTable 组件的h:column内的h:selectBooleanCheckbox组件的全选的方法

傻瓜 — Fri, 07 Jul 2006 07:02:00 GMT

标题太长,不知道怎么用更准确的语言来形容这个,呵呵:) 初学jsf时遇到不少的问题,比如在客端视图中有一个

标签的一列均是标签如

	name
	name

.要实现所有的标签的全选在jsp中我们可以给所有标签的name属性赋一个相同的值再用javascript进行循环处理就可以了. 但是在jsf中就不是那么容易的事了,因为jsf会给所有的标签生成一个不相同值的id属性和一个不同值name属性.
来看看jsf中的解决方案
jsf中通常绑定一个ListDataModel 或者是ArrayDataModel等数据模型.而该数据模型通常封装List,或都Array之类的对象,这些对象的元素都是一些bean 对象,把数据库中表的字段映射成bean 再给该bean添加一个额外boolean型的属性,用来绑定组件,在backing bean中就可以通过判断这个绑定值来处理组件选中的行对应的数据模型所拥有的bean了. 那么如何在页面实现的全选呢,还是用javascript 只是javascript要先对

标签进行操作了这就没jsp中那么直观. js代码

function SetCheckedStatus()
{
var oTable=document.all['fors:data'];
var oChkAll=document.all['fors:selectall']

if(oTable != null && oChkAll != null)
{
  for(j=1;j  {
   oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
  }
}
}

jsf页面代码:

<%@page contentType="text/html; charset=GB2312"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

function SetCheckedStatus()
{
var oTable=document.all['fors:data'];
var oChkAll=document.all['fors:selectall']

if(oTable != null && oChkAll != null)
{
  for(j=1;j  {
   oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
  }
}
}

用户管理

因为时间原因也懒的写一个完整的应用了,不过我想有以上的代码也够了,毕竟这里只是解决一个小问题.

傻瓜 2006-07-07 15:02 发表评论