Question

我使用的是JSF 2.2 passthrough元素，我想调用两个函数jsf:action和jsf:onclick。我尝试了很多方法来做到这一点，没有一个对我有用。

我得到的最接近的方法就是这样：

HTML

<form jsf:id="frmNavigation">    
   <a jsf:id="btnHome"  jsf:action="#{bean.action()}" jsf:onclick="clickHome">
      <f:ajax execute="@form" render="frmRedirect:frmNewHomeRedirect"/>
   </a>
   [...]
</form>

JS

  function clickHome(){
  document.getElementById("frmRedirect:frmNavigation:btnHome").addClass("metro-btn-red");

  document.getElementById("frmRedirect:frmNavigation:btnCadCli").removeClass("metro-btn-red");
  document.getElementById("frmRedirect:frmNavigation:btnModel1").removeClass("metro-btn-red");
  document.getElementById("frmRedirect:frmNavigation:btnModel2").removeClass("metro-btn-red");
}

注意我的JS在HTML页面中，但是在外部JS中它没有用。

JS中相关的id表示正确。我检查了DOM输出。

我还尝试在JS代码中调用click函数。它没有奏效。要么尝试HTML onclick，但是这个擦除了Mojarra点击事件（jsf:action）。我在这个论坛中发现了另一个问题
http://www.coderanch.com/t/211593/JSF/java/Calling-backingBean-method-javascripthttp://www.coderanch.com/t/211593/JSF/java/Calling-backingBean-method-javascript。猜猜是什么，它没有起作用＆＃39; _＆＃39;。

我错过了一些我无法想象的事情。

我在想是否有办法从JS调用我的动作。有没有办法在不编写新元素的情况下做到这一点？

提前致谢。

<小时/> 的
更新

在新项目中尝试相同：

HTML

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:jsf="http://xmlns.jcp.org/jsf"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

  <head jsf:id="head">
    <title>Facelet Title</title>

    <meta charset="UTF-8"/>

    <style type="text/css">

      .btn{
        background-color: #FFF;
        border: solid 2px #303030;
        color: #303030;
      }
      .btn-red{
        background-color: #C30563;
      }
    </style>

    <script type="text/javascript">
      function clickMe() {
        document.getElementById("btn").addClass("btn-red");
      }

    </script>

  </head>
  <body jsf:id="body">

    <form jsf:id="frm" jsf:prependId="false">

     <a jsf:id="btn"  type="submit" jsf:value="Click me" jsf:action="#{cbMain.doSomething()}" jsf:onclick="clickMe()" class="btn">
       <f:ajax execute="@form" render="frmRender"/>
    </a>
    </form>
  </body>

</html>

Back Bean

import java.io.Serializable;
import javax.enterprise.context.SessionScoped;
import javax.inject.Named;

@Named("cbMain")
@SessionScoped
public class TesteBean implements Serializable{

  private int i = 0;

  public void doSomething(){
    System.out.println( i++ );
  }

}

这是 DOM 中生成的行：

<a id="btn" href="#" onclick="jsf.util.chain(this,event,'clickMe()','mojarra.ab(this,event,\'action\',\'@form\',\'frmRender\')');return false" type="submit" class="btn">Click me</a>

在一个新的干净项目中，它对我来说也没有用。

Answer 1

在基本HTML中，onclick属性必须表示JavaScript表达式。但是，您只指定了函数名称。这会导致JS问题。这就像你在做什么

<script>clickHome;</script>

添加括号以使其成为真正的表达式：

<a ... jsf:onclick="clickHome()">

这不是JSF相关的问题。在基本HTML中尝试相同时，您遇到了完全相同的问题。

<a ... onclick="clickHome">

另请参阅右键单击JSF生成的HTML输出，webbrowser中的查看源。在将来的问题中，尝试在基本HTML中执行相同的操作。 JSF在这个问题的上下文中“只是”一个HTML代码生成器。最终你自己负责生成正确的HTML输出。

JSF passthrough元素jsf：动作javascript函数

1 个答案: