2016-09-15 20 views
0

我需要使用jsf內建組件在jsf中實現同樣的東西。問題我無法找到列表屬性來綁定<datalist>。請幫助我,我該怎麼做。如何在jsf輸入中使用列表屬性<h:inputtext>

<input id="something" list="somethingelse"/> 
     <datalist id="somethingelse"> 
      <option value="Something"></option> 
      <option value="Something Else"></option> 
      <option value="Another One"></option> 
      <option value="Alpha"></option> 
      <option value="Bravo"></option> 
      <option value="Charlie"></option> 
      <option value="Delta"></option> 
      <option value="Echo"></option> 
      <option value="Foxtrot"></option> 
      <option value="Gamma"></option> 
     </datalist> 
+0

你爲什麼需要這個?答案是:在JSF輸入 – Kukeltje

+0

中沒有這樣的選項,我必須在我的頁面中使用。我需要知道如何在 user3180510

+0

中使用對不起,重複我自己,但讓我更清楚地闡明它。爲什麼你需要使用''(使用dataList)而不是''?你是否嘗試使用jsf2.2 passthtrough屬性? – Kukeltje

回答

2

您可以使用jsf passtrough attributes這個。

<input id="something" list="somethingelse"/> 

成爲

<h:inputText pt:list="somethingelse" /> 

所以下面的完整的示例工程:

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"> 

<h:head /> 

<h:body> 
    <h:form> 
     <h:inputText pt:list="somethingelse" /> 
     <datalist id="somethingelse"> 
      <option value="Something"></option> 
      <option value="Something Else"></option> 
      <option value="Another One"></option> 
      <option value="Alpha"></option> 
      <option value="Bravo"></option> 
      <option value="Charlie"></option> 
      <option value="Delta"></option> 
      <option value="Echo"></option> 
      <option value="Foxtrot"></option> 
      <option value="Gamma"></option> 
     </datalist> 
    </h:form> 

</h:body> 
</html> 

但請記住,你需要有對客戶端的前期選項的完整列表。根據輸入的字符,不容易從數據庫填充數據。

如果你被允許使用類似PrimeFaces,其p:autoComplete是方式更強大

相關問題