Conditionally apply AJAX events to datatable rows

Question

I'm relatively new to JSF and Primefaces, but I've been tasked to try and reduce the amount of AJAX requests made in a legacy codebase. This question is from a particular example where we have a directory listing UI of files and folders.

<p:dataTable id="directoryTable" var="directoryObject" value="#{fileCabinet.folderContents}" 
    resizableColumns="true" scrollable="true"
    rowKey="#{directoryObject}" selectionMode="single"
    selection="#{fileCabinet.currentObject}" dblClickSelect="true"
    sortMode="multiple" emptyMessage="This folder is empty"
    sortFunction="#{dataTableUtil.sort}">  

    <c:if test="#{directoryObject.objectType eq 'DIRECTORY'}">
        <p:ajax event="rowSelect" listener="#{fileCabinet.onRowSelect}"   
                            update=":form:directoryTable :menu" />                              
    </c:if>

I've excluded the rest of the datatable for brevity. With this code, the ajax event is never attached even though the 'test' expression evaluates perfectly fine in subsequent 'rendered' attributes of html elements later on. Unfortunately, p:ajax doesn't support 'rendered' conditionals.

I've also tried c:choose / c:when, to the same results.

This feels like something that should be really easy to do! I'm probably missing some simple syntax to make this work.

Thanks!

As to why the `` failed, head to this Q&A: http://stackoverflow.com/q/3442380 — BalusC, Dec 02 '15 at 08:56
As to performance trouble, don't forget to look at `partialSubmit`: http://stackoverflow.com/q/30934671 — BalusC, Dec 02 '15 at 08:58

score 2 · Answer 1 · edited Dec 02 '15 at 08:57

2

I fixed this by using the disabled attribute for <p:ajax> with my conditional as the value (negated of course).

<p:ajax event="rowSelect" 
        listener="#{fileCabinet.onRowSelect}"   
        update=":form:directoryTable :menu" 
        disabled="#{directoryObject.objectType ne 'DIRECTORY'}" />

edited Dec 02 '15 at 08:57

BalusC

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

answered Dec 02 '15 at 00:51

pmilkman

101
9

score 0 · Answer 2 · answered Aug 30 '21 at 10:08

Since 4.0 version, Primefaces datatable comes with a disabledSelection property.

<p:dataTable var="foo" value="#{bean.foos}" selection="#{bean.selectedFoo}" disabledSelection="#{foo.bar == 1}">
    <p:column selectionMode="single" />
    <p:column>
        <h:outputText value="#{foo.bar}" />
    </p:column>
<p:dataTable>

Conditionally apply AJAX events to datatable rows

2 Answers2