Hi. I have a problem.

I have an AsyncTable that show information of a webservice. I put a new Basic Column with a Select Row Checbox element for select multiple rows.

The thing is I need to show in other html element information of the selected row when the row is clicked but without check the checkbox.

I found this:

CAF.model("#{caf:cid('yourTableIdHere')}".addRowChangeListener(function(tableId,rowId,eventType) {  
if (eventType == "select") {  
alert('Row Selection Changed for Row: ' + rowId);  
}  
}); 

Its very usefull but the problem is that checkbox is selected when I clicked the row

When I select the checkbox is correct that the checkbox begin selected and show in these alert the rowId.
But when I click anywhere other than the checkbox the alert have show itself but the checkbox DONT have begin selected.

Can you all help me please?

Im sorry for my english.

Hi Jesus,

You can extend your code to have another check on the element.

The checked property will give you true/false on the event. Based on that you can update your logic.

CAF.model("#{activePageBean.clientIds['asyncTable']}").addRowChangeListener(function(tableId,rowId,eventType) {    
if (eventType == "select") {    
alert('Row Selection Changed for Row: ' + rowId);   
var rowIDTemp = CAF.model(rowId);  
var customIDTemp = rowIDTemp.getControlId('selectRowIndividualCheckbox');
alert(customIDTemp);
alert("Select element == "+document.getElementById(customIDTemp).checked);
}    
});