JSF 隱藏值示例

2018-02-20 13:43 更新

JSF教程 - JSF隱藏值示例


h:inputHidden標(biāo)簽渲染類型為“hidden"的HTML輸入元素。

以下JSF標(biāo)記

<h:inputHidden value="Hello World" id="hiddenField" />

渲染到以下HTML標(biāo)記。

<input id="jsfForm:hiddenField" type="hidden" name="jsfForm:hiddenField" 
   value="Hello World" />

標(biāo)簽屬性

屬性描述
id標(biāo)簽的標(biāo)識(shí)
binding引用在backing bean中使用的組件
value值綁定
valueChangeListener響應(yīng)值更改的方法綁定
converter轉(zhuǎn)換器類名
accept表單的內(nèi)容類型的逗號(hào)分隔列表
accept-charset表單的字符編碼的逗號(hào)或空格分隔列表。
border元素的邊框?qū)挾鹊南袼刂?/td>
immediate在生命周期的早期進(jìn)行過(guò)程驗(yàn)證

例子

下面的代碼來(lái)自UserBean.java。

package cn.w3cschool.common;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;

@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable {

  String answer = "I"m Hidden value!";

  public String getAnswer() {
    return answer;
  }

  public void setAnswer(String answer) {
    this.answer = answer;
  }

  
}

以下代碼來(lái)自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">

  <h:head>
  <script type="text/javascript">
    function printHiddenValue(){
      try{
        console.log(document.getElementById("myform:hiddenId").value);  
      }catch(e){
        console.log(e);
      }
    }
  </script>
  </h:head>
    <h:body>
      <h1>JSF 2 hidden value example</h1>
 
    <h:form id="myform">
        <h:inputHidden value="#{user.answer}" id="hiddenId" />
        <h:commandButton type="button" value="ClickMe" onclick="printHiddenValue()" />
      </h:form>
 
    </h:body>
</html>
下載 Hidden_Value.zip

運(yùn)行

將生成的WAR文件從目標(biāo)文件夾復(fù)制到Tomcat部署文件夾，并運(yùn)行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成啟動(dòng)后，在瀏覽器地址欄中鍵入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)