Primefaces commandButton onClick Javascript call

Question

I have a datatable like this:

<p:dataTable id="tablealltx" var="transaction" widgetVar="tablealltx"
                        value="#{pastTxModel.txList}" >
<p:column filterBy="#{transaction.session}"
                            filterMatchMode="contains">

   <f:facet name="filter">
   <p:inputText id="myFilter" value="#{transactionXmlController.currentFilter}"                                     onchange="PF('alltxform').filter()" />
   </f:facet>

   <p:outputLabel value="#{transaction.session}" ondblclick="document.getElementById('alltxform:tablealltx:myFilter').value = this.innerText;PF('tablealltx').filter()" />

</p:column>
</p:dataTable>

I want to change this working double click function:

<p:outputLabel value="#{transaction.session}" ondblclick="document.getElementById('alltxform:tablealltx:myFilter').value = this.innerText;PF('tablealltx').filter()" />

To a commandButton with a single click. I tried the following, but the value

<p:commandButton value="Filter" onclick="document.getElementById('alltxform:tablealltx:myFilter').value = #{transaction.session};PF('tablealltx').filter()" />

The value from transaction.session is not written to the filter like it should be. What did I do wrong ?

Try replacing #{transaction.session} with '#{transaction.session}' — Jasper de Vries
– Jasper de Vries, Commented Oct 12, 2016 at 13:03
You might also want to add process="@none" to your commandButton. See stackoverflow.com/questions/25339056/… — Jasper de Vries
– Jasper de Vries, Commented Oct 12, 2016 at 13:33
and you might want to add the type="button" to the commandButton if you do not want to fire a server side action... — Kukeltje
– Kukeltje, Commented Oct 12, 2016 at 19:23
Thanks - @JasperdeVries the quotes did the trick. If you want to post an answer.. I'll consider the other advice too, thanks. — Tim
– Tim, Commented Oct 13, 2016 at 7:00

Community · Accepted Answer · 2017-05-23 10:32:32Z

2

The onclick in your button contains this statement:

document.getElementById(...).value = #{transaction.session};

This will be rendered in the resulting HTML as:

document.getElementById(...).value = sessionValue;

In your previous question it was notable that the session value was a string which does not need escaping, so you can just put quotes around the value. So, simply change it into:

document.getElementById(...).value = '#{transaction.session}';

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Oct 13, 2016 at 7:24

Jasper de Vries

20.4k6 gold badges68 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tim Over a year ago

Bonus question: I tried to add a second button that clears the filter value. This works fine when the button is in the p:column, but when I move it into the filter facet, the filtering does not work anymore. Any ideas off the top of your head ? :)

Jasper de Vries Over a year ago

Not sure if the filter facet just "allows" one component (can't find it in the documentation). You could try moving the button a header facet (did not try this myself). This is guesswork.. I would have to look into it..

Jasper de Vries Over a year ago

It seems filter is limited. Related: blog.primefaces.org/?p=3084 and stackoverflow.com/questions/23791039/…

Collectives™ on Stack Overflow

Primefaces commandButton onClick Javascript call

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related