BlogJava-Enjoy yourself,and don't care about others' thinking!-随笔分类-JSF

jQuery操作JSF中的Checkbox树

TiGERTiAN — Sun, 27 Dec 2009 14:52:00 GMT

摘要: 下面的代码是，当选中父节点，则子节点全选；选中任意一个子节点，则选中父节点 jQuery.noConflict();//与JSF搭配需要这句话，不然会有冲突 jQuery(document).ready(function() { &nb... 阅读全文

TiGERTiAN 2009-12-27 22:52 发表评论

MyFaces中SelectOneRadio的一个bug

TiGERTiAN — Thu, 03 Dec 2009 12:34:00 GMT

今天开发的测试的时候碰到一个问题，就是用Myfaces的SelectOneRadio空间的时候，页面第一次展现没问题，当我使用上一步切换tab再下一步的时候就抛出了异常，异常如下：

Caused by: javax.faces.convert.ConverterException: java.lang.ClassCastException: org.apache.myfaces.shared_impl.renderkit.RendererUtils$1

cannot be cast to java.lang.Boolean

at javax.faces.convert.BooleanConverter.getAsString(BooleanConverter.java:91)

at org.apache.myfaces.shared_impl.renderkit.RendererUtils.getConvertedStringValue(RendererUtils.java:630)

at org.apache.myfaces.shared_impl.renderkit.html.HtmlRadioRendererBase.encodeEnd(HtmlRadioRendererBase.java:91)

at javax.faces.component.UIComponentBase.encodeEnd(UIComponentBase.java:624)

... 110 more

Caused by: java.lang.ClassCastException: org.apache.myfaces.shared_impl.renderkit.RendererUtils$1

cannot be cast to java.lang.Boolean

at javax.faces.convert.BooleanConverter.getAsString(BooleanConverter.java:87)

... 113 more



后来在国外网站上面找到了问题所在：



Hello,



the problem still exists in MyFaces Core 1.2.6.



I have a selectOneMenu with a value binding to a boolean property.



In the boolean converter the ClassCastException still occurs.



...

Caused by: javax.faces.convert.ConverterException: java.lang.ClassCastException: org.apache.myfaces.shared_impl.renderkit.RendererUtils$1

cannot be cast to java.lang.Boolean

at javax.faces.convert.BooleanConverter.getAsString(BooleanConverter.java:91)

at org.apache.myfaces.shared_impl.renderkit.RendererUtils.getConvertedStringValue(RendererUtils.java:630)

at org.apache.myfaces.shared_impl.renderkit.html.HtmlRadioRendererBase.encodeEnd(HtmlRadioRendererBase.java:91)

at javax.faces.component.UIComponentBase.encodeEnd(UIComponentBase.java:624)

... 110 more

Caused by: java.lang.ClassCastException: org.apache.myfaces.shared_impl.renderkit.RendererUtils$1

cannot be cast to java.lang.Boolean

at javax.faces.convert.BooleanConverter.getAsString(BooleanConverter.java:87)

... 113 more



In RendererUtils there are some tests that value equals NOTHING. However the equals method

of the NOTHING-Serializable isn't overriden. Therefore it has no effect.



Overriding the equals method as in the patch of paul works.





有些东西没有实现，导致了这个问题。这个可能需要你自己简单实现一下源文件然后编译成库文件了，感觉麻烦就换成了SelectOneMenu了。

后面有时间再看了

TiGERTiAN 2009-12-03 20:34 发表评论

[JSF]手动初始化选择控件页面所有action均失效的问题

TiGERTiAN — Wed, 18 Nov 2009 01:02:00 GMT

最近写了一个JSF的动态控件生成框架给项目组使用。昨天有个同事在使用的过程中遇到一个问题，就是我生成的带AjaxSupport的动态控件在调用他自己写的方法之后出现了整个页面的action均无效的情况，现象就是，两个级联下拉，当地一个下拉选项改变时，触发他写的方法，他改变第二个下拉，但是当重复该操作之后就无效了，也没有错误和异常，代码如下：

同事代码：

1 public void bignessDangeValueChangeListener(ActionEvent e) {
2         //System.out.println(e.getComponent().getParent().getChildCount());
3         org.ajax4jsf.component.html.HtmlAjaxSupport ajaxSupport = (org.ajax4jsf.component.html.HtmlAjaxSupport)e.getComponent();
4         HtmlSelectOneMenu parent = (HtmlSelectOneMenu)ajaxSupport.getParent();
5         Short value = (Short)parent.getValue();
6         String[] idDetails = parent.getId().split("_");
7         StringBuffer controlId = new StringBuffer();
8         controlId.append(idDetails[0]);
9         if (WebUtil.PROPS_FILE_NAME_TRASH_DISCHARGE.equals(idDetails[0])) {
10             idDetails[1]="hazardousSubstance"; //配置文件中配置的二级联动的二级控件的name字段
11         }
12
13         for (int i = 1;i < idDetails.length;i++){
14             controlId.append("_").append(idDetails[i]);
15         }
16
17         ajaxSupport.setReRender(controlId.toString());
18
19         List<BignessDangerInfo> list = Common.getBignessDangerInfoByObjType(value);
20         List<String> labelList = new ArrayList<String>();
21         List<Integer> valueList = new ArrayList<Integer>();
22         for(BignessDangerInfo bdi : list) {
23             labelList.add(bdi.getObjectName());
24             valueList.add(String.valueOf(bdi.getRecuid()));
25         }
26
27
28
29         if(value == 1 || value == 2 || value == 3 || value == 4) {
30             DynamicControlFactory.initSelectValues(e, idDetails[1], labelList, valueList);
31         }  else {
32             List<List<String>> listClear = new ArrayList<List<String>>();
33             List<String> temp1 = new ArrayList<String>();
34             List<String> temp2 = new ArrayList<String>();
35             temp1.add("-1");
36             temp2.add("--请选择--");
37             listClear.add(temp1);
38             listClear.add(temp2);
39             DynamicControlFactory.initSelectValues(e, idDetails[1], listClear.get(1), listClear.get(0));
40         }
41     }

initSelectValues的相关代码：

1public static void initSelectValues(ActionEvent e, String col, List<String> labels, List<String> values)
2    {
3        try {
4
5            String[] parms = e.getComponent().getParent().getId().split("_");
6            DynamicControlObject dco = getControlObjects().get(parms[0]);
7
8            List<String> colList = dco.getColNameList();
9            String prefix = dco.getFormName() + ":" + parms[0];
10
11            Map cos = new HashMap();
12            String rowIdx = parms[parms.length - 1];
13
14            initSelectOneComponent(findComponent(prefix + "_" + col + "_1" + "_"
15                    + rowIdx),  values, labels, true);
16        } catch (Exception ex) {
17            ex.printStackTrace();
18        }
19    }

1public static void initSelectOneComponent(UIComponent component,
2            List<String> values, List<String> labels, boolean clearBefore) {
3        try {
4
5            if (component == null || values == null || labels == null
6                    )
7                return;
8
9            if (!isMultiValue(component))
10                return;
11
12            Object optionKey = null;
13            String optionLabel = null;
14            ArrayList optionsList = null;
15
16            UISelectItems items = new UISelectItems();
17            optionsList = new ArrayList(values.size());
18            for (int i = 0; i < values.size(); i++) {
19                optionKey = values.get(i);
20                optionLabel = (String)labels.get(i);
21                SelectItem item = new SelectItem(optionKey, optionLabel);
22                optionsList.add(item);
23            }
24            items.setValue(optionsList);
25            if(clearBefore)
26            {
27                List list = component.getChildren();
28                Object obj = null;
29                for(int i = 0;i < list.size(); i ++)
30                {
31                    if(list.get(i) instanceof UISelectItems )
32                    {
33                        obj = list.get(i);
34                        break;
35                    }
36                }
37                if(obj != null)
38                    list.remove(obj);
39            }
40
41            component.getChildren().add(items);
42        } catch (Exception e) {
43            e.printStackTrace();
44        }
45
46    }

检查了半天，发现只要不执行initSelectValues，都没有问题，后来一步一步调试才发现，原来是数据类型的问题，同事传入的是List values，而SelectItem构造函数支持的是键值都为String的参数，数据类型不对导致了这一个奇怪的现象，但后台没有异常和出错信息让人很纳闷，解决方法就是只要改变值列表为List就可以了。

TiGERTiAN 2009-11-18 09:02 发表评论

用jQuery给页面中树形的Checkbox默认加上父子节点相关操作(JSF的Richfaces专用)

TiGERTiAN — Thu, 12 Nov 2009 00:46:00 GMT

jQuery.noConflict();//与JSF搭配需要这句话，不然会有冲突
        jQuery(document).ready(function() {
        // Add click event listener to each checkbox in the tree page
        // Note! Using this simple selector assumes that there are no other
        // checkboxes on the page, if there are other checkboxes then
        // selector should be changed
            jQuery(":checkbox").click(function(){
                updateChildren(this);
                updateParent(this);
             });
        });
        script>
        <script type="text/javascript">
        function updateChildren(currentCheckBox)
        {
            // Get state of current checkbox (true or false)
            var state = currentCheckBox.checked;

            // Get parent TABLE, where current checkbox is places
            var parentTables = jQuery(currentCheckBox).parents("table");
            var parentTable = parentTables[0];

            // Get DIV where child nodes with checkboxes are situated
            // See http://docs.jquery.com/Traversing/ to get better uderstanding of
            // parents() and next()
            var childDivs = jQuery(parentTable).next("div");
            if(    childDivs.length > 0 )
            {
                var childDiv = childDivs[0];

                // Iterate over all child nodes checkboxes and set same state as the
                // current checkbox state
                jQuery(childDiv).contents().find(":checkbox").each(function() {
                    this.checked = state;
                });
            }

        }

        //更新父节点的方法，如果子节点全部选中则父节点选中，如果子节点中有一个未选中，则父节点也未选中
        function updateParent(currentCheckbox) {
            var parentDivs = jQuery(currentCheckbox).parents("div");
            var parentDiv = parentDivs[0];

            var hasSelected = false;

            jQuery(parentDiv).contents().find(":checkbox").each(function() {
                if(this.checked) {
                    hasSelected = true;
                }else{
                        hasSelected = false;
                        return;
                    }
            });

            var parentTables = jQuery(parentDiv).prev("table");
            if(parentTables.length > 0)
            {
                var parentTable = parentTables[0];

                var parentCheckboxes = jQuery(parentTable).find(":checkbox");
                var parentCheckbox = parentCheckboxes[0];

                parentCheckbox.checked = hasSelected ;
            }

        }

注意引入jQuery包。
此js代码加到页面中，将会给页面中的树形菜单的Checkbox默认加上一些功能：当选择父节点时全选子节点；当子节点全选时，父节点也会被自动选择上。同时不会影响其他Checkbox。

TiGERTiAN 2009-11-12 08:46 发表评论

JSF中DataTable和SelectOneRadio搭配，每条记录每一行一个radio进行单选的解决办法

TiGERTiAN — Sun, 11 Jan 2009 08:36:00 GMT

这个方法不是太完美，但可以解决JSF的DataTable和SelectOneRadio搭配问题。每条记录每一行一个radio进行单选，只会选中一条。
首先，在页面中datatable的column中加入

                                            <h:selectOneRadio id="xx" value="#{entrance.test}">
                                                <f:selectItem itemValue="#{obj.corpOutInfo.coiId}" itemLabel="#{obj.corpOutInfo.corpName}"/>
                                            h:selectOneRadio>

然后加入一段jquery的代码用于在用户切换选择的时候，先将所有radio的checked状态都置为false。

后台绑定一个属性，但这个属性的set方法会被调用多次，但只有一次是有值的，所以用户选择了哪一行也好获得。

    private String test;

    public String getTest() {
        return test;
    }

    public void setTest(String test) {
        System.out.println("=========================" + test);
    }

问题算是解决了，实现很简单，但并不太完美。因为后台的那个set方法会触发很多次，次数跟当前的radio数量一致，虽然不怎么影响性能，但用着总觉得不爽，后面再完善下。

TiGERTiAN 2009-01-11 16:36 发表评论

JSF直接使用字符数组(byte[])提供文件下载的解决办法

TiGERTiAN — Tue, 23 Dec 2008 02:13:00 GMT

项目中所有的文档全部压缩之后存储到数据库，所以需要我们每次从数据库读取二进制然后发送到客户端进行下载。如何在JSF里面这样做呢？
首先对外的方法这样写，我设置了按钮的actionListener的属性

    public void viewContent(ActionEvent event)
    {
        try
        {
            ParkLawDTO obj = this.getEnterpriseEnterInBODelegate().getParkLawById(((ParkLawDTO)this.getParkLawDataModel().getRowData()).getParkLaw().getPlId());
            Common.downloadFile(FacesContext.getCurrentInstance(), ZipHelper.unzip(obj.getParkLaw().getLawContent()), obj.getParkLaw().getLawName()+".doc", "application/msword;charset=utf-8");
        }catch(Exception e){
            info("下载文件出错", e);
        }

    }

第一句是从WebService获得对象的实例，第二句是将所有相应信息传输给下载的公共方法，同时解压缩了相应的二进制。

下面是下载的公共方法

/**
     * 向客户端发送需要下载的文件
     * @param faces 当前FacesContext
     * @param content 文件的字节数组
     * @param fileName 客户端接收的文件名
     * @param contentType http的content-type
     */
    public static void downloadFile(FacesContext faces, byte[] content, String fileName, String contentType)
    {
        try
        {
            HttpServletResponse response = (HttpServletResponse) faces.getExternalContext().getResponse();
            response.setHeader("Content-disposition", "filename="+ URLEncoder.encode(fileName, "utf-8"));
            response.setContentType(contentType);
            response.setContentLength(content.length);
            ServletOutputStream sos = response.getOutputStream();
            sos.write(content);
            sos.flush();
            sos.close();
            //需要呼叫Complete
            faces.responseComplete();

        }catch(Exception e){
            e.printStackTrace();
        }
    }

Content-disposition中一定不可以加attachment，经过测试，在IE6下（其他浏览器没测试过），会导致无法打开临时文件（我的是word文档），而且经常出现无法下载文件。

TiGERTiAN 2008-12-23 10:13 发表评论

JSF中动态生成HtmlMessage控件出错的解决办法

TiGERTiAN — Fri, 19 Dec 2008 03:41:00 GMT

最近搭配Richfaces用Ajax动态生成控件的HtmlMessage的时候，会报错，而且有点摸不着头脑。

后来看了下，问题原因在于没有给HtmlMessage控件设置ID，设置一下ID就可以了。

这里有个问题，为什么JSF没有给HtmlMessage控件动态生成ID呢？我怀疑是一个bug，为什么。。
因为如果我单纯的生成一个HtmlMessage实例，不设置任何属性，并动态的添加到页面中，没有任何错，但如果我设置了For属性，如果不设置HtmlMessage控件的ID，就会出错，大家试试就知道了。。很奇怪的一个问题。

TiGERTiAN 2008-12-19 11:41 发表评论

JSF获得表单提交值的方法

TiGERTiAN — Fri, 12 Dec 2008 07:11:00 GMT

第一种：

1.如在你的页面中有
注意要写在form中,并且要用name而不是id.
FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get( "classid ")可以得到。

2.

FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get( "f:classid ")可以得到。

3.使用JSF自带的控件，则和2是一样的访问方法

以上方法就可以了，写id的时候，jsf会把form的id加进去变成 formId:componentId 的格式

第二种：

就是通过findComponent方法获得控件实例，然后通过getValue方法获得值
HtmlInputText text = (HtmlInputText) this.findComponent(this.FORM + ":"+ ENERGY_COMSUPTION_PREFIX + id);
String value = text.getValue().toString();

public UIComponent findComponent(String name) {

// 不能使用静态变量view保持当前的viewroot，因为每次操作之后的viewroot都是不一样的
ViewRoot view = FacesContext.getCurrentInstance().getViewRoot();

return view.findComponent(name);
}

需要注意的是不能使用静态变量view保持当前的viewroot，因为每次操作之后的viewroot都是不一样的。

对比以上两种方法，第一种简单方便，但只适合于取值操作。第二种可操控的范围和能力更大，不仅可以取值还可以设置和获得所有属性。

TiGERTiAN 2008-12-12 15:11 发表评论

探讨JSF Backing bean生成控件的问题

TiGERTiAN — Thu, 27 Nov 2008 09:18:00 GMT

在新项目中，我们要做一个这样的功能：有一个表格，没有记录，当用户点击“添加”的时候，会生成一条行，里面包含了文本输入框，下拉框等等，需要用户填写，以此类推，用户只要需要，他可以填写无限条信息，最后点击一个“保存”来保存所有记录。
这里，我们为了提高用户的体验性，使用了Ajax技术，后台生成一个HtmlInputText控件实例添加到指定的panel中，然后刷新表格那一部分显示出来。

一上来，我用了这个方法（添加到监听器中）：

HtmlInputText text = new HtmlInputText();
panel.getChildren().add(text);

然后当填写了值之后调用了text.getValue()方法，发现打印出来的是null，以为JSF无法捕获Ajax生成控件的值，又尝试设定了Action来生成控件，发现还是不行。

最后只好使用了这个办法：

HtmlInputText text = new HtmlInputText();
text.setId("text_1");
panel.getChildren().add(text);

获取方法使用了：

public void sendMessage(ActionEvent e)
{
FacesContext context = FacesContext.getCurrentInstance();
UIViewRoot view = context.getViewRoot();
HtmlInputText output =
(HtmlInputText)view.findComponent("messageForm:text_1");
System.out.println(output.getValue());
}

不管是用Ajax方式还是表单提交的方式都可以使用这个方法获得。所以我就在想，这个是什么原因，直接设置实例反而没有办法操作，还要重新获取才可以。
但是如果你在初始化控件的时候进行text.setValue("111");操作还是可以的，这样输入框就会默认出现值111。

大家有什么看法，尽管发表，如果对这个需求有更好的解决方案，也请提出来，谢谢了。

TiGERTiAN 2008-11-27 17:18 发表评论

JSF生成控件ID重复的解决办法

TiGERTiAN — Wed, 26 Nov 2008 07:31:00 GMT

今天同事开发的时候碰到一件很郁闷的事情，就是同样的选择控件在其他页面使用没有任何问题，在他的一个页面里面使用第一次正常，之后打开就总是报错，报错提示就是控件ID重复，好像是duplicate id 云云的。
我们尝试了给每个控件都设定一个id，还是报错，如果去掉另一个跟它有冲突的选择控件，就没问题，但是不可能去掉的，因为那一项需要去选择。后来想了很多办法，都不是很好，最后同事找到了一个办法，在我封装的底层BaseBean中，给程序生成的选择项控件手动添加id：

items = new UISelectItems();
items.setId("j_id_"+String.valueOf(System.nanoTime()));

这样，每个控件都有了一个唯一的ID，问题解决了。
提示：不可以用纯数字做ID，会出现错误的。

这里使用了纳秒来生成编号，因为毫秒还是经常会出现id重复。

不知道为什么会有这个问题，其他页面调用相同的底层都没有任何问题，只有这个页面会有，可以确定跟我们写的代码没有关系，因为页面重新做过的，一个控件一个控件添加的试的，就是那两个控件同时出现时报错，所以我想是不是底层生成控件ID那有bug，自己手动生成控件ID就没有任何问题。以后有机会，再研究下源码。

注意一下，大部分控件ID重复都是出现在选择之类的控件上面。

TiGERTiAN 2008-11-26 15:31 发表评论

【JSF】Richfaces复选框树(Checkbox tree)的权限分配的解决方案

TiGERTiAN — Wed, 19 Nov 2008 01:22:00 GMT

摘要: 应大家要求，在此帖上效果图：设计信息系统的时候，往往要设计一套用户管理模块，其中就会牵扯到角色权限的分配，在Richfaces中可以使用PickList来进行角色的分配，但权限的分配不好使用这个控件，因为权限有时候根据父子模块来分配，那么就要分级，而PickList不带分级功能，这时候我们就需要一个Checkbox tree来满足我们的需要。 Checkbox tree的页面代码... 阅读全文

TiGERTiAN 2008-11-19 09:22 发表评论

JSF类的继承关系和体系结构

TiGERTiAN — Sun, 16 Nov 2008 14:12:00 GMT

TiGERTiAN 2008-11-16 22:12 发表评论

JSF的几种布局方式介绍和比较

TiGERTiAN — Sun, 09 Nov 2008 12:10:00 GMT

1.subview
2.facelets

TiGERTiAN 2008-11-09 20:10 发表评论

JSF和Richfaces中使用框架页(Frameset)，包括了PanelMenu

TiGERTiAN — Fri, 07 Nov 2008 17:05:00 GMT

第一种，普通的方法:

想在JSF控件中操作框架页Frameset，可以在左框架页（任一框架页）里声明一个Form，设定好它的target="mainFrame"（任一框架页的id），这样当点击这个Form里面的CommandButton或者CommandLink的时候，JSF处理好业务逻辑后，就可以将To-View-ID指定的页面转到主框架页里面去显示了。

mainFrame

点击左边的commandButton之后，index处理之后的To-View-ID指定的页面就会显示在mainFrame里面了

第二种方法：

添加一个跳转函数，然后分情况添加跳转：
当不需要Action的时候

<rich:panelMenuItem label="角色信息维护" onclick="forward('rolelist')" />

这样就可以跳转了

当需要先进行Action操作再跳转的时候

<rich:panelMenuItem label="新建角色"
action="#{user.addRoleMain}" oncomplete="forward('roledetail')" />

    public String addRoleMain()
    {
        ClearRole();
        return null;
    }

这样，在Action完成后，菜单页不会变，主框架页会跳转到指定页面。

OK,上面两种方法基本能满足开发需要了。

TiGERTiAN 2008-11-08 01:05 发表评论

JSF(Java Server Faces)的StateHolder的作用和使用方法

TiGERTiAN — Wed, 05 Nov 2008 06:15:00 GMT

摘要: UI控件、转换器和验证器实现了StateHolder接口表示组件具有了状态，可以保存一些组件自身的属性。下面我们来看一个简单的例子。这是一个正则表达式验证器的例子： public class RegexValidator implements Validator { /** *//*... 阅读全文

TiGERTiAN 2008-11-05 14:15 发表评论

【第三版】RichFaces中使用datatable和datascroller进行分页(使用数据库分页,改良版)(含源码)(JSF 1.2,RichFaces 3.2.1GA)

TiGERTiAN — Tue, 04 Nov 2008 11:57:00 GMT

摘要: 第三版是对第二版的一些简化，多了一个抽象基础类，方便调用。页面代码(变成了user.defaultDataModel)： &... 阅读全文

TiGERTiAN 2008-11-04 19:57 发表评论

【第二版】RichFaces中使用datatable和datascroller进行分页(使用数据库分页,改良版)(含源码)(JSF 1.2,RichFaces 3.2.1GA)

TiGERTiAN — Sat, 01 Nov 2008 01:42:00 GMT

摘要: 之前第一版有个问题，就是如果进行了删除等操作并立即返回列表页，被删除的项还在那，但其实数据库已经被删除了，需要做一个刷新列表操作才可以，本版就是修正此问题的。如果要修正此问题，就需要将分页的扩展代码也就是第一版中TestBean中的代码放入业务相关管理Bean中。页面代码（其中testBean已经变成业务Managed-bean user了）： &... 阅读全文

TiGERTiAN 2008-11-01 09:42 发表评论

RichFaces中使用datatable和datascroller进行分页(使用数据库分页,改良版)(含源码)(JSF 1.2,RichFaces 3.2.1GA)

TiGERTiAN — Wed, 29 Oct 2008 08:52:00 GMT

摘要: 页面: ... 阅读全文

TiGERTiAN 2008-10-29 16:52 发表评论

RichFaces中使用datatable和datascroller进行分页(使用数据库分页)(含源码)(JSF 1.2,RichFaces 3.2.1GA)

TiGERTiAN — Wed, 29 Oct 2008 02:58:00 GMT

摘要: package com.jsecode.util.pagination; import java.util.ArrayList; import java.util.List; import javax.faces.context.FacesContext; import javax.faces.model.D... 阅读全文

TiGERTiAN 2008-10-29 10:58 发表评论

RichFaces中使用datatable和datascroller进行分页(JSF 1.2,RichFaces 3.2.1GA)

TiGERTiAN — Tue, 28 Oct 2008 13:50:00 GMT

jsp页面中的相关代码：

    <f:view>
        <h:form>
            <rich:dataTable id="carList" width="483" rows="10" columnClasses="col"
                value="#{user.allCars}" var="car">
                <f:facet name="header">
                    <rich:columnGroup>
                        <h:column>
                            <h:outputText styleClass="headerText" value="Name" />
                        h:column>
                        <h:column>
                            <h:outputText styleClass="headerText" value="Decription" />
                        h:column>
                        <h:column>
                            <h:outputText styleClass="headerText" value="Base Price" />
                        h:column>
                        <h:column>
                            <h:outputText styleClass="headerText" value="Time" />
                        h:column>
                        <h:column>
                            <h:outputText styleClass="headerText" value="操作操作" />
                        h:column>
                    rich:columnGroup>
                f:facet>

                <h:column>
                    <h:outputText value="#{car.name}" />
                h:column>
                <h:column>
                    <h:outputText value="#{car.description}" />
                h:column>
                <h:column>
                    <h:outputText value="#{car.baseprice}" />
                h:column>
                <h:column>
                    <h:outputText value="#{car.timestamp}" />
                h:column>
                <h:column>
                    <h:commandLink action="#{user.delete}" value="删除" >
                        <f:param name="id" value="#{car.id}"/>
                    h:commandLink>
                h:column>
            rich:dataTable>
            <rich:datascroller for="carList" id="dc1"
            style="width:483px" page="#{user.scrollerPage}"/>
        h:form>
    f:view>

后台User类的代码：

public class User
{

    private int scrollerPage = 1;

    private List<CarBean> allCars;

    public User()
    {

    }

    public int getScrollerPage()
    {
        return scrollerPage;
    }

    public void setScrollerPage(int scrollerPage)
    {
        this.scrollerPage = scrollerPage;
        System.out.println("current page = " + scrollerPage);
    }

    public List<CarBean> getAllCars()
    {
        CarBeanDAO dao = new CarBeanDAO();
        Query q = EntityManagerHelper.createQuery("from CarBean cars order by cars.id desc");

        return q.getResultList();
    }

    public void setAllCars(List<CarBean> allCars)
    {
        this.allCars = allCars;
    }

    public String delete()
    {
        FacesContext ctx = FacesContext.getCurrentInstance();
        int id = Integer.parseInt(ctx.getExternalContext().getRequestParameterMap().get("id"));
        EntityManagerHelper.beginTransaction();
        CarBeanDAO dao = new CarBeanDAO();
        CarBean bean = dao.findById(id);
        if(bean != null)
            dao.delete(bean);
        EntityManagerHelper.commit();
        return null;
    }
}

datatable+datascroller使用的是伪分页的方式，也就是说在数据库层那并没有分页，只是程序一次读出所有数据然后进行程序分页操作，这样适合数据量不太大的分页操作，数据量过大的话就需要自己写数据模型进行操作了。本分页代码加入了删除记录的功能，delete结果返回null会使删除操作完成后返回当前页面，这样就会发现刚才被删除数据消失了，后面数据都上来一条。

TiGERTiAN 2008-10-28 21:50 发表评论

在JSF控件中操作框架页Frameset

TiGERTiAN — Mon, 27 Oct 2008 09:05:00 GMT

mainFrame

点击左边的commandButton之后，index处理之后的To-View-ID指定的页面就会显示在mainFrame里面了

TiGERTiAN 2008-10-27 17:05 发表评论

JSF的某些东西在IE和MyEclipse自带浏览器中显示的不一样

TiGERTiAN — Fri, 17 Oct 2008 09:13:00 GMT

今天测试了一下JSF中的param参数，发现MyEclipse中自带的浏览器和IE现实的不一样，很晕。
比如说输出浏览器参数result=333，页面中加入，在IE中打印出来的是333，而在MyEclipse浏览器中打印出啦的是类似于[Ljava.lang.String;@786119的玩意儿。狂晕，不知道谁知道怎么回事。。请赐教。谢谢了。

TiGERTiAN 2008-10-17 17:13 发表评论

JSF页面中支持的Expression Language(EL)

TiGERTiAN — Fri, 17 Oct 2008 07:22:00 GMT

以下是可使用的EL常量的列表：

TiGERTiAN 2008-10-17 15:22 发表评论

后来程序控制前台UI控件的方法

TiGERTiAN — Fri, 17 Oct 2008 05:51:00 GMT

第一种方法：
JSF页面中的代码：

<h:form id="messageForm">
<h:outputText id="outputMessage"/>
<h:commandButton value="Get Message"
actionListener="#{testForm.sendMessage}"/>
h:form>

后台程序：

public void sendMessage(ActionEvent e)
{
FacesContext context = FacesContext.getCurrentInstance();
UIViewRoot view = context.getViewRoot();
HtmlOutputText output =
(HtmlOutputText)view.findComponent("messageForm:outputMessage");
output.setStyle("color:blue");
output.setValue("Who's the Mann?");
}

之后，当点击Get Message的时候页面就会在outputMessage的地方输出 Who's the Mann?
第二种方法：

<h:inputText value="#{registrationForm.comments}"
binding="#{registrationForm.commentsInput}"/>

commentsInput是RegistrationForm中的一个HtmlInputText类型的一个变量，通过binding属性将前台UI控件和后台同类型的变量绑定，就可以在后台直接操作了。

TiGERTiAN 2008-10-17 13:51 发表评论

Java Server Faces Events And Listeners (JSF中的事件与监听器)

TiGERTiAN — Tue, 14 Oct 2008 02:49:00 GMT

JSF的一个核心就是事件与监听。JSF事件分为以下几种：
1、Value-change events（值改变事件）

<h:inputText valueChangeListener="#{myForm.processValueChanged}"/>
<h:panelGrid binding="#{myForm.changePanel}" rendered="false">

h:panelGrid>

public void processValueChanged(ValueChangeEvent event)
{
HtmlInputText sender = (HtmlInputText)event.getComponent();
sender.setReadonly(true);
changePanel.setRendered(true);
}

当inputText的值改变的时候会触发processValueChanged事件，此事情内部通过参数，获取HtmlInputText的控件，然后设定readonly，同时设定panelGrid的模型changePanel的属性，因为panelGrid绑定了changePanel这个模型。

2、Action events(动作事件)

<h:commandButton type="submit" value="Login" action="success"
immediate="true"/>

上面这个是静态outcome事件，在faces-config.xml中配置相应的属性后，点击该按钮会转向相应的方法。

<h:commandButton value = "Test Action Listener" actionListener = "#{testActionListener.doSomeAction}" />

如果添加了actionListener属性的话，点击之后，在转向其他页面之前，会触发指定的事件，处理之后再转向。
这里的doSomeAction方法的声明是void doSomeAction(ActionEvent actionEvent)。

<h:commandButton type="submit" value="Login"
action="#{loginForm.login}"/>

上面这个是动态outcome事件，当点击该按钮之后会直接触发loginForm中的login事件，login事件返回的是一个字符串，在login处理完相应操作之后需要返回一个属性中已经配置过的字符串，例如success，然后JSF根据faces-config.xml中的配置，跳转到相应的页面。login的声明一般是String login();

当然也可以通过程序来添加监听器，不过监听器类需要实现ActionListener接口：

UIComponent myComponent = new UIComponent();
myComponent.addActionListener(new TestActionListener());
myComponent.addActionListener(new CustomActionListener());

3、Data model events（数据模型事件）

FacesContext facesContext = FacesContext.getCurrentInstance();
dataTable = (HtmlDataTable)facesContext.getApplication().createComponent(
HtmlDataTable.COMPONENT_TYPE);
DataModel myDataModel = new ResultSetDataModel(myResultSet);
myDataModel.addDataModelListener(new DataModelListener()
{
public void rowSelected(DataModelEvent e)
{
FacesContext.getCurrentInstance().getExternalContext().
log("row selected:" + e.getRowIndex());
}
});
dataTable.setValue(myDataModel);

将上面的代码放入初始化程序中，当行的选择改变的时候就会触发相应的日志打印。
这是因为这段代码给dataTable控件定义了一个数据模型，数据和相应的事件全部存在这个数据模型里面，然后将dataTable与这个模型进行绑定即可使用它所有的数据和事件。点击dataTable上面的一行自然也就会出发相应的行选择事件。

4.Phase events（阶段事件）

这个事件是为了捕捉一些阶段和过程而设定的，有以下几个阶段可以捕捉：

ANY_PHASE 任一阶段
APPLY_REQUEST_VALUES 请求处理阶段的应用请求值阶段
INVOKE_APPLICATION 请求处理阶段的调用程序阶段
PROCESS_VALIDATIONS 请求处理阶段的处理验证阶段
RENDER_RESPONSE 请求处理阶段的描述响应阶段
RESTORE_VIEW 请求处理阶段的恢复视图阶段
UPDATE_MODEL_VALUES 请求处理阶段的更新模型值阶段

具体可以参考http://java.sun.com/javaee/javaserverfaces/1.1_01/docs/api/javax/faces/event/PhaseId.html

通过设定在实现类中设定相应的PhaseId以及添加到faces-config.xml中就可以捕捉相应阶段事件并添加响应的代码

实现类

import javax.faces.event.PhaseEvent;
import javax.faces.event.PhaseId;
import javax.faces.event.PhaseListener;

public class CustomPhaseListener implements PhaseListener
{
    public CustomPhaseListener()
    {
    }

    public void afterPhase(PhaseEvent event)
    {
        System.out.println("After Phase->" + event.getPhaseId());
    }

    public void beforePhase(PhaseEvent event)
    {
        System.out.println("Before Phase->" + event.getPhaseId());
    }

    public PhaseId getPhaseId()
    {
        return PhaseId.ANY_PHASE;//选择事件标识的常量，此为任一阶段
    }
}

在faces-config.xml中添加

<lifecycle>
    <phase-listener>
        net.javabeat.articles.jsf.events.actions.TestActionListener
    phase-listener>
lifecycle>

当然可以添加无限个的监听器

<lifecycle>
<phase-listener>PhaseListener1phase-listener>
<phase-listener>PhaseListener2phase-listener>
lifecycle>

下面是请求处理的生命周期，大家可以直观的看一下各个阶段执行顺序：

各个阶段的说明以及所能触发的事件

TiGERTiAN 2008-10-14 10:49 发表评论

JSF与后台程序的交互

TiGERTiAN — Sun, 28 Sep 2008 07:20:00 GMT

如果Managed-Bean已经被创建并存在，则可以通过下面的形式访问session范围内的Managed-Bean

org.test.TestBean x = (org.test.TestBean) request.getSession().getAttribute("testBean");

如果不存在，则需要先访问一下Managed-Bean，让他被触发而创建

org.test.TestBean x = (org.test.TestBean) Util.getBean("testBean");

//In Util.java:
public static Object getBean(String expr){
FacesContext context = FacesContext.getCurrentInstance();
Application app = context.getApplication();
ValueBinding binding = app.createValueBinding("#{" + expr + "}");
Object value = binding.getValue(context);
return value;
}

为JSF指定Action，可以这样写：

<h:commandButton action="#{user.verify}" value="Say Hello!">
h:commandButton>

User类中的代码:

    public String verify()
    {
        return "hello";
    }

faces-config.xml中:

<managed-bean>
  <description>User Name Beandescription>
  <managed-bean-name>usermanaged-bean-name>
  <managed-bean-class>demo.Usermanaged-bean-class>
  <managed-bean-scope>sessionmanaged-bean-scope>
managed-bean>
<navigation-rule>
  <from-view-id>/pages/inputUserName.jspfrom-view-id>
  <navigation-case>
   <from-outcome>hellofrom-outcome>
   <to-view-id>/pages/hello.jspto-view-id>
  navigation-case>
navigation-rule>

这样，点击按钮，就会转到verify方法中进行验证，然后返回相应结果的字符串，jsf根据返回的结果进行相应的页面跳转。

TiGERTiAN 2008-09-28 15:20 发表评论