search field inside menubar

[jhaley]

I'm looking for a way to embed a search in a p:menubar. It does render, but when I try to click in the inputText field, the menu collapses. Is there a way to make this work.

Code: Select all

<p:menubar style="z-index: 1000;">
  <p:menuitem>
    <h:panelGrid columns="3" >
      <h:outputText value="search"></h:outputText>
      <h:inputText value="" size="5" onclick="return false;"></h:inputText>
      <h:commandButton value="Go"></h:commandButton>
    </h:panelGrid>
  </p:menuitem>
</p:menubar>

[jhaley]

Figured it out. I added the following script and changed my inputText to have an id of "textId"

Code: Select all

<script>
        var linkButton = document.getElementById("menuForm:textId");
        
        linkButton.onclick = function(ev){
            ev.preventDefault();
            ev.stopPropagation();
        }
</script>

[kukeltje]

Thanks for reporting back. Useful answer for others...

[eziz]

we will use indexing when we are searching in the system? Help me

[smithh032772]

we will use indexing when we are searching in the system? Help me

Please search google/forums before asking questions. There are so many code examples, blogs, tutorials, etc... 99.99999999% of my questions has been answered by taking this approach.

viewtopic.php?f=3&t=1194