javascript - JSF JavaScript API jsf.util.chain 不能按预期工作

Question

这是我的简单 JSF 应用程序，用 jsf.util.chain 方法显示 JavaScript API 错误。

使用：

JRE 1.6
Maven 3
JSF 2.1.8
雄猫 7
Jetty 6（从 maven jetty:run 运行）
火狐浏览器 12.0
萤火虫 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;
    }

}

很简单，视图有两个selecOne，第一个select 在onchange 事件中有一个returnTrue 调用，第二个select 事件调用returFalse。两者都有对 managedbean 的 ajax 调用附加到更改（默认）。在 JSF 内部，将自定义 onchange 属性和 ajax mojarra 调用加入到 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\')')">
...

oracle站点广告中jsf.util.chain的具体说明：

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

调用任意数量的脚本的可变参数函数。如果链中的任何脚本返回 false，则该链被短路并且不会调用后续脚本。在 event 参数之后可以指定任意数量的脚本。

这不是真的，第二个选择调用了 selectFalse 但这会触发 ajax。

原因：

我在 web.xml 上下文参数中以开发模式配置了我的 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

打开网络浏览器http://localhost:8080/testBugJSF/

我的问题是：这是一个有效的实现吗？核心 JavaScript 是否发生了影响该实现结果的更改？至于向谁报告以纠正？JSF 报告路径是什么？因为我可以直接在我的应用程序中纠正这个问题？

score 1 · Accepted Answer

每个方法都必须有回报。

<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>

javascript - JSF JavaScript API jsf.util.chain 不能按预期工作

1 回答 1

Related

Reference