1

ここに、jsf.util.chainメソッドを使用したJavaScriptAPIのバグを示す単純なJSFアプリケーションがあります。

使用:

  • JRE 1.6
  • Maven 3
  • JSF 2.1.8
  • Tomcat 7
  • Jetty 6(maven jetty:runから実行する)
  • Mozilla Firefox 12.0
  • Firebug 1.9.2

ここにビューがあります:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Test JSF 2.0 Javascript API</title>
        <script type="text/javascript">
            function returnTrue(){
                debug('return true');
                return true;
            }
            function returnFalse(){
                debug('return false');      
                return false;
            }

            function debug(obj) {               
                if (console) {
                    if(console.debug){
                        //for firebug
                        //http://getfirebug.com/wiki/index.php/Console_API
                        console.debug(obj);
                    }
                }
                else if (console) {
                    if(console.log){
                        //for IE
                        //http://msdn.microsoft.com/en-us/library/dd565625(v=vs.85).aspx
                        console.log(obj);
                    }
                }               
            }

        </script>
    </h:head>
    <h:body>
        <h:form>
            <br />
            <br />
            <h1 align="center">Test jsf.util.chain</h1>
            <br />
            <table align="center">
                <tbody>
                    <tr>
                        <td>Combo A</td>
                        <td><h:selectOneMenu id="comboa" value="#{comboTest1.combo1Value}" onchange="returnTrue()">
                                <f:selectItems value="#{comboTest1.values1}" />
                                <f:ajax listener="#{comboTest1.changeCombo1}" render="combob" />
                            </h:selectOneMenu></td>
                    </tr>
                    <tr>
                        <td><label>Combo B</label></td>
                        <td><h:selectOneMenu id="combob" value="#{comboTest1.combo2Value}" title="Depend of combo 1" onchange="returnFalse()">
                                <f:selectItems value="#{comboTest1.values2}" />
                                <f:ajax listener="#{comboTest1.changeCombo2}" render="@this labela" />
                            </h:selectOneMenu></td>
                    </tr>
                    <tr>
                        <td>Label A</td>
                        <td><h:outputLabel id="labela" value="#{comboTest1.labelValue}" title="Depend of combo 2" /></td>
                    </tr>
                </tbody>
            </table>
            <br />
            <br />
            <br />
        </h:form>
    </h:body>
</f:view>

ここで管理対象Bean:

package com.ms.test.jsf.bug;

/**
 * 
 */

import java.io.Serializable;
import java.util.ArrayList;
import java.util.Collections;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Set;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.event.AjaxBehaviorEvent;
import javax.faces.model.SelectItem;

/**
 * @author soaint
 * 
 */
@ManagedBean(name = "comboTest1")
@ViewScoped
public class ComboTest1 implements Serializable {

    private Map<String, List<String>> combinado = null;

    private Object combo1Value = null;

    private Object combo2Value = null;

    private Object labelValue = null;

    /**
     * 
     */
    private static final long serialVersionUID = -4737479400003511726L;

    public ComboTest1() {

        System.out.println("CREATE ComboTest1");

        combinado = new HashMap<String, List<String>>();
        List<String> list = null;
        for (int i = 0; i < 10; i++) {
            list = new ArrayList<String>();
            for (int k = 0; k < 10; k++) {
                list.add(i + " - " + k);
            }
            combinado.put(i + "", list);
        }
    }

    public void changeCombo1(AjaxBehaviorEvent abe) {
        System.out.println("CHANGE MENU A === " + combo1Value);
    }

    public void changeCombo2(AjaxBehaviorEvent abe) {
        System.out.println("CHANGE MENU B === " + combo2Value);
        labelValue = combo2Value;
    }

    public List<SelectItem> getValues1() {
        List<SelectItem> list = new ArrayList<SelectItem>();

        Set<String> keys = combinado.keySet();
        List<String> listi = new ArrayList<String>(keys);
        Collections.sort(listi);
        for (Object object : listi) {
            list.add(new SelectItem(object, " -- " + object + " -- "));
        }
        list.add(0, new SelectItem(null, " ------- "));

        return list;
    }

    public List<SelectItem> getValues2() {
        List<SelectItem> list = new ArrayList<SelectItem>();

        List<? extends Object> keys = combinado.get(combo1Value);
        if (keys != null) {
            for (Object object : keys) {
                list.add(new SelectItem(object, " -- " + object + " -- "));
            }
        }

        return list;
    }

    public Object getCombo1Value() {
        return combo1Value;
    }

    public void setCombo1Value(Object combo1Value) {
        this.combo1Value = combo1Value;
    }

    public Object getCombo2Value() {
        return combo2Value;
    }

    public void setCombo2Value(Object combo2Value) {
        this.combo2Value = combo2Value;
    }

    public Object getLabelValue() {
        return labelValue;
    }

}

単純です。ビューには2つのselecOneがあり、最初のselectはonchangeイベントでreturnTrueを呼び出し、2番目のselectイベントはreturFalseを呼び出します。どちらにも、変更にアタッチされたmanagedbeanへのajax呼び出しがあります(デフォルト)。内部的に、JSFはカスタムonchange属性とajaxmojarra呼び出しをjsf.util.chain呼び出しに参加させます。

<select id="j_idt5:comboa" name="j_idt5:comboa" size="1" onchange="jsf.util.chain(this,event,'returnTrue()','mojarra.ab(this,event,\'valueChange\',0,\'j_idt5:combob\')')">
...
<select id="j_idt5:combob" name="j_idt5:combob" size="1" title="Depend of combo 1" onchange="jsf.util.chain(this,event,'returnFalse()','mojarra.ab(this,event,\'valueChange\',0,\'@this j_idt5:labela\')')">
...

オラクルサイトアドバタイズメントでのjsf.util.chainの仕様 :

<static> jsf.util.chain(source, event)

任意の数のスクリプトを呼び出すvarargs関数。チェーン内のいずれかのスクリプトがfalseを返す場合、チェーンは短絡され、後続のスクリプトは呼び出されません。イベント引数の後には、任意の数のスクリプトを指定できます。

これは正しくありません。2番目のselectはselectFalseを呼び出しますが、これによりajaxが起動します。

原因:

Web.xml context-paramでJSFを開発モードで構成し、jsf.js非圧縮バージョンをデバッグできます。使用したJSFバージョンでは、jsf.util.chainが2247行目で宣言されています。コードの2260行目にブレークポイントを挿入します。

var returnValue = f.call(thisArg, event);

完全な方法:

jsf.util.chain = function(source, event) {

    if (arguments.length < 3) {
        return true;
    }

    // RELEASE_PENDING rogerk - shouldn't this be getElementById instead of null
    var thisArg = (typeof source === 'object') ? source : null;

    // Call back any scripts that were passed in
    for (var i = 2; i < arguments.length; i++) {

        var f = new Function("event", arguments[i]);
        var returnValue = f.call(thisArg, event);

        if (returnValue === false) {
            return false;
        }
    }
    return true;

};

最初のメソッド呼び出し(returnTrueまたはreturnFalse)の後、returnValueには常に未定義の値があります。

ここに私のテストの完全なコード

ダウンロードして解凍し、コンソールを開いてパスを解凍して実行します

mvn clean jetty:run

でWebブラウザを開きますhttp://localhost:8080/testBugJSF/

私の質問は次のとおりです。これは有効な実装であり、コアJavaScriptは、この実装の結果に影響を与える変更を受けましたか?誰がこれを修正するために報告するのですか?JSFレポートパスとは何ですか?この問題はアプリケーションで直接修正できますか?

4

1 に答える 1

1

各メソッドにはreturnが必要です。

<tr>
                    <td>Combo A</td>
                    <td><h:selectOneMenu id="comboa" value="#{comboTest1.combo1Value}" onchange="return returnTrue()">
                            <f:selectItems value="#{comboTest1.values1}" />
                            <f:ajax listener="#{comboTest1.changeCombo1}" render="combob" />
                        </h:selectOneMenu></td>
                </tr>
于 2013-02-27T14:36:02.127 に答える