how to use list attribute in input in jsf <h:inputtext>

Question

I Need to implement same thing in jsf using jsf builtin components. The problem I am not able to find the list attribute to bind the <datalist>. Please help me how can I do that.

<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>

why do you need this? And the answer is: There is no such option in the JSF input — Kukeltje
– Kukeltje, Commented Sep 15, 2016 at 12:56
I have to use <h:inputtext> in my page. I need to know how can i use in <h:inputtext> — Awais Yousaf
– Awais Yousaf, Commented Sep 15, 2016 at 13:07
Sorry, to repeat myself, but let me formulate it a little more clearly. Why do you need to use an <h:inputText> (with a dataList) instead of an <h:selectOneMenu>? And did you try to use a jsf2.2 passthtrough attribute? — Kukeltje
– Kukeltje, Commented Sep 15, 2016 at 13:12
Sir I need to implement search box with suggestions like facebook etc. I have tried <h:selectOneMenu> but it is not full filling the requirements — Awais Yousaf
– Awais Yousaf, Commented Sep 15, 2016 at 13:34
Ahhhh.... See... Please, next time add things like this to the question. It makes it way more clear. And if you even add why it does not meet the requirements, it would even be better. catb.org/esr/faqs/smart-questions.html#goal. Still, the suggestion to try to use passthrough attributes might help. — Kukeltje
– Kukeltje, Commented Sep 15, 2016 at 13:40

Kukeltje · Accepted Answer · 2016-09-16 21:33:50Z

You can use jsf passtrough attributes for this.

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

becomes

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

So the following full example works:

<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>

But keep in mind that you need to have the full list of options on the client-side upfront. No easy populating from a database based on the characters that are typed.

If you are allowed to use something like PrimeFaces, its p:autoComplete is way more powerful

Collectives™ on Stack Overflow

how to use list attribute in input in jsf <h:inputtext>

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related