Как ссылаться на p: commandLink в p: dataTable из p: blockUI trigger?

Question

Это не работает для меня:

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

ошибка, что я получаю:

Cannot find component with identifier "editWatchfolderButtonId".

Когда я использовал Firebug искать ID, я обнаружил, что каждая строка имеет различные ID:

wfMgtForm:wfTable:0:editWatchfolderButtonId wfMgtForm:wfTable:1:editWatchfolderButtonId wfMgtForm:wfTable:2:editWatchfolderButtonId wfMgtForm:wfTable:3:editWatchfolderButtonId
т.д.

Как я должен ссылаться на этот автомобиль создан ID из моего <p:blockUI>?

Answer 1

<p:dataTable> также NamingContainer. Включите его идентификатор.

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

Индекс строки присутствует только на стороне клиента, а не на стороне сервера, поэтому это не имеет значения.

---

Update: просто проверял его на месте, он действительно фиксирует исключение, но это не вызовет блок пользовательского интерфейса на всех (PrimeFaces 3.5). Похоже на ошибку в PrimeFaces.

В то же время, лучше всего, чтобы вручную запустить его, как было предложено Акселя, но несколько иначе:

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

Answer 2

Вот тривиальный пример использования commandLink для блокировки чего-либо. Модифицированный витрина пример из 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> 

Answer 3

Для тех, кто, как невежественный, как и я, если BlockUI не стреляя, убедитесь, что " триггер "имеет Ajax включен. Я потратил почти целый день, пытаясь понять, почему BlockUI не срабатывал и обнаружил, что у меня настроена его цель как «ajax =« false ».

Answer 4

Вы можете использовать селектор jquery.

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