I have a list of users in a table and with disabled Delete button. I need to enable the Delete button when I select the row in the table. How can I do this?

<p:dataTable value="#{userBean.patients}" var="item"
            selectionMode="single" rowKey="#{item.id}"
            selection="#{userBean.selected}"
onRowSelected="deleteButton.disabled='false';"> // HOW TO WRITE THIS EVENT CORRECTLY?????
// columns
</p:dataTable>
//This button must be enable after I click on any table row
<p:mandButton id="deleteButton" value="Delete" disabled="true" />

Maybe, I need to use onRowClick event. I dont know the name of this event

I have a list of users in a table and with disabled Delete button. I need to enable the Delete button when I select the row in the table. How can I do this?

<p:dataTable value="#{userBean.patients}" var="item"
            selectionMode="single" rowKey="#{item.id}"
            selection="#{userBean.selected}"
onRowSelected="deleteButton.disabled='false';"> // HOW TO WRITE THIS EVENT CORRECTLY?????
// columns
</p:dataTable>
//This button must be enable after I click on any table row
<p:mandButton id="deleteButton" value="Delete" disabled="true" />

Maybe, I need to use onRowClick event. I dont know the name of this event

• javascript
• jsf
• primefaces

• Provide your code you have tried. When row was selected, you have to set enable=true and update delete button. – Rong Nguyen Commented Jun 17, 2013 at 1:39
• There are several ways to select a row in a PF datatable. Please tell/show how you're doing that. Only then we can tell how to hook a listener on that way. – BalusC Commented Jun 17, 2013 at 10:52
• I posted code in the topic – Oleksandr H Commented Jun 17, 2013 at 14:07

2 Answers 2

Thanks for jsfviky71 ! I write:

<h:form id="form">
<p:dataTable value="#{bean.patients}" var="item"
            selectionMode="single" rowKey="#{item.id}"
            selection="#{bean.selected}" >
     <p:ajax event="rowSelect" update=":form:deleteButton" listener="#{bean.onRowSelect}" />
 // data in rows
</p:dataTable>

<p:mandButton id="deleteButton" value="Delete" disabled="#{bean.disabled}"/>

And in my bean:

private Boolean disabled = true;

// getter and setter

public void onRowSelect(SelectEvent event) {
    disabled = false;
}

Hope this will help to others

One solution could be using

<p:ajax event="rowSelect" update=":deleteButton" listener="#{bean.someListener}" />

inside datatable.

This catches the row selection event, calls a listener and updates the button.

Now you could define the listener in the backing bean that just updates the value of a boolean instance variable, that reflects the disabled/enabled status of the button in the view:

<p:mandButton id="deleteButton" value="Delete" disabled="#{bean.selectedBoolean}" />

You can take a look at primefaces showcase for a similar scenario:

http://www.primefaces/showcase/ui/datatableRowSelectionInstant.jsf

Hope this helps.