个人中心
gpt4 book ai didi

javascript - JSF JavaScript API jsf.util.chain 无法按预期工作

转载 作者：太空宇宙 更新时间：2023-11-04 08:13:52 29 4
gpt4 key购买 nike

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

使用:

  • JRE 1.6
  • Maven 3
  • JSF 2.1.8
  • Tomcat 7
  • Jetty 6(从 Maven jetty:run 运行)
  • Mozilla 火狐浏览器 12.0
  • Firebug 1.9.2

这里是 View :

<!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;
    }

}

很简单， View 有两个 selectOne，第一个 select 在 onchange 事件中调用 returnTrue，第二个 select 事件调用 returnFalse。两者都具有对附加到更改的托管bean 的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 site上jsf.util.chain的具体说明广告:

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

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

这不是真的，第二个选择调用了 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 始终具有未定义值。

我的测试的完整代码 here

下载，解压，打开控制台解压路径并运行

mvn clean jetty:run

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

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

最佳答案

每个方法都必须有返回值。

<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 无法按预期工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10759924/

29 4 0
文章推荐： python - 在 Python 中解决 Project Euler #2
文章推荐： c - 逐行逐字符读取文件
文章推荐： python - 如何为表的偶数行和奇数行定义样式(python reportlab)
文章推荐： c - 如何使用GDB调试多线程程序？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com