How to reference p:commandLink in p:dataTable from p:blockUI trigger?

Question

This is not working for me:

<h:form id="wfMgtForm"> 
    .
    .
    .
    <p:dataTable id="wfTable" ..." var="item">
        <p:column>
        .
        .
        .
        </p:column>
        <p:column>
            <p:commandLink id="editWatchfolderButtonId" oncomplete="dlgEditWF.show()" update=":editWFForm" process="@none">
                <f:param value="#{item.value.ID}" name="editId"/>
                <h:graphicImage alt="Edit Image" style="border: none" value="./images/edit.png" />
            </p:commandLink>
        </p:column>
    .
    .
    .
    <p:blockUI block=":wfMgtForm" trigger="editWatchfolderButtonId">
        Loading...<br/>
        <p:graphicImage alt="Loader Image" value="/images/loader.gif"/>
    </p:blockUI>
</h:form>

The error that I am getting is:

Cannot find component with identifier "editWatchfolderButtonId".

When I used Firebug to look for the ID, I discovered that every row has a different ID:

wfMgtForm:wfTable:0:editWatchfolderButtonId wfMgtForm:wfTable:1:editWatchfolderButtonId wfMgtForm:wfTable:2:editWatchfolderButtonId wfMgtForm:wfTable:3:editWatchfolderButtonId
etc.

How should I reference this auto created IDs from my <p:blockUI>?

BalusC · Accepted Answer · 2013-02-15T14:12:30.490

10

The <p:dataTable> is also a NamingContainer. Include its ID as well.

<p:blockUI ... trigger="wfTable:editWatchfolderButtonId">

The row index is only present in client side, not in server side, so that's not relevant.

Update: just tested it locally, it indeed fixes the exception, but it didn't trigger the block UI at all (PrimeFaces 3.5). Look like a bug in PrimeFaces.

In the meanwhile, your best bet is to manually trigger it as suggested by Aksel, but then somewhat different:

<p:commandLink ... onclick="bui.show()" oncomplete="bui.hide()">
...
<p:blockUI widgetVar="bui" />

edited Feb 15 '13 at 14:12

answered Feb 15 '13 at 14:05

BalusC

1,082,665
372
3,610
3,555

For me too in v 3.4.1, there's no exception any more, but still no UI i blocked. – Danijel Feb 15 '13 at 15:11
This totaly degrades user experience for my UI. Is there *any* possibility to provide a patch for PrimeFaces? How hard is it to fix? – Danijel Feb 20 '13 at 14:39
Same problem here, PF6 – Tim Oct 25 '16 at 09:01

score 4 · Answer 2 · answered Feb 15 '13 at 11:50

4

Here is a trivial example of using commandLink to block something. Modified the showcase example from here

<h:form>
    <p:commandButton value="blockMe" id="someId" />
    <br />
    <p:commandLink id="pnlBtn" value="Block" type="button"
        onclick="bui.show()" />
    <br />
    <p:commandLink id="pnlBtn2" value="Unblock" type="button"
        onclick="bui.hide()" />

    <p:blockUI block="someId" widgetVar="bui" />
</h:form>

answered Feb 15 '13 at 11:50

Aksel Willgert

11,367
5
53
74

Guess 'someone' else was faster, but i keep the answer as BalusC references it. :) For anyone seing this in the future, it might be worth noting this answer fits the original question better than the edited. – Aksel Willgert Feb 15 '13 at 15:05

score 0 · Answer 3 · answered Apr 02 '14 at 15:32

0

For those as clueless as myself, if BlockUI is not firing, check that the "trigger" target has Ajax enabled. I spent almost a day trying to figure out why BlockUI did not fire and found that I had its target configured as 'ajax="false"'.

answered Apr 02 '14 at 15:32

snakedog

357
1
2
13

score 0 · Answer 4 · answered Dec 07 '15 at 15:56

0

You can use a jquery selector.

<p:commandLink styleClass="mybutton-class">
<p:blockUI ... trigger="@(.mybutton-class)">

answered Dec 07 '15 at 15:56

paulo medeiros

11
1

How to reference p:commandLink in p:dataTable from p:blockUI trigger?

4 Answers4

Linked