如何在h：inputText中指定name屬性？

Question

我需要呈現h:inputText如下HTML輸出：

<input id="yourName" type="text" name="name" /> 
    <input id="email" type="text" name="email" /> 

但h:inputText呈現屬性的名稱相同組件的客戶端ID。我想自己指定name屬性，而不是將客戶端ID添加到該屬性中，以便輸入字段可以顯示其他網站上相同字段類型的以前提交的值的有意義的自動填充建議。對於例如當我使用name="email"以及電子郵件輸入字段時，會向用戶顯示以前在其他網站上提交的電子郵件ID的建議。

Answer 1

你不能使用<h:inputText>來實現它。它的名字由JSF根據客戶端ID（反過來基於組件ID及其所有命名容器父母）自動生成。

您已經基本上2個選項反正來實現具體功能要求：

1. 如果沒有其他的命名容器家長，指導家長形式不是前面加上其ID：

   <h:form prependId="false"> 
   

   但這會導致<f:ajax>失敗。

2. 使用普通HTML元素，而不是JSF組件：

   <input name="name" value="#{bean.name}" /> 
   <input name="email" value="#{bean.email}" /> 
   

   您只需通過@ManagedProperty自己收集他們的請求範圍的bean：

   @ManagedProperty("#{param.name}") 
   private String name; 
   
   @ManagedProperty("#{param.email}") 
   private String email; 
   

   你會錯過JSF內置驗證/轉換設施和ajax魔術。

但是有一個完全不同的選擇：使用HTML5 <input type="email">。這樣瀏覽器就會自動建立以前輸入的所有類型相同的電子郵件。這不是由<h:inputText>本機支持的。但是，您可以使用自定義渲染套件得到它的工作，如Adding custom attribute (HTML5) support to Primefaces (3.4)回答：

<h:inputText type="email" ... /> 

---

更新作爲JSF 2.2，你可以很容易地終於宣佈passthrough attributes，而無需自定義渲染套件。

<... xmlns:a="http://xmlns.jcp.org/jsf/passthrough"> 
... 
<h:inputText a:type="email" ... /> 

Answer 2

你可以在不指定name屬性的情況下做你想做的事。 id屬性就夠了。請嘗試以下按爲例：

< h:inputText id="email" ... /> 

... 
$("#email input").click(function (event) { 
... 
} 

代替

$("#email input[name='email']").click(function (event) 

希望這是你在找什麼:)