select a row

[Joe Jose]

Hi,

I need to select a row from the datatable and get the unique id from the table(unique id is in one of the column) and do actions . Please could anyone tell me a solution? I have been trying it since last 2 days. Please help me. I am using t:datatable and t:selectoneRadio to selectthe row.

Thank you very much,
Joe.

[Anonymous]

hey joe,

this will definately help....
http://balusc.xs4all.nl/srv/dev-jep-dat.html

you can as a matter of fact get a handle to every unique row of a datatable , when you select a checkbox or radio in that particular row.
go through the link above .

[Joe Jose]

Originally posted by Sachin Sthalekar:
hey joe,

this will definately help....
http://balusc.xs4all.nl/srv/dev-jep-dat.html

you can as a matter of fact get a handle to every unique row of a datatable , when you select a checkbox or radio in that particular row.
go through the link above .

Thanks Sachin. Let me try and get back to you. One more doubt, can I use radio inside command link ? Will that work to get an id/value ?

Thanks,
Joe.

[Joe Jose]

Hi Sachin,

I have tried what you said. But didn't work out. Command link action is not working.Here is my code :

    
<h:dataTable value="#{EXTBean.clientDataList}" var="QuotesSelected" 
style="width:100%;" cellspacing="0" border="0" columnClasses="column1,column2,column3
,column4,column5,column6,column7,column8,column9,column10,column11" 
headerClass="dataHeader" binding="#{EXTBean.myDataTable}">
<h:column>
<f:facet name="header">
<h:outputText id="select" value="Select"/>      
</f:facet>
<h:commandLink action="#{EXTBean.generateQuote}">
<t:selectOneRadio id="quoteNo" value="#{QuotesSelected.quoteNo}" forceId="true" 
forceIdIndex="false">
<f:selectItem itemValue="#{QuotesSelected.quoteNo}" itemLabel=""/> 
</t:selectOneRadio>
</h:commandLink>
</h:column>
</h:dataTable>

bean :

    
public String generateQuote() {
    qtSelected = (QuotesSelected) getMyDataTable().getRowData();
            return "generatequote";
    }
 
    public HtmlDataTable getMyDataTable() {
        return myDataTable;
    }
 
    public void setMyDataTable(HtmlDataTable myDataTable) {
        this.myDataTable = myDataTable;
    }
 
    public QuotesSelected getQtSelected() {
        return qtSelected;
    }
 
    public void setQtSelected(QuotesSelected qtSelected) {
        this.qtSelected = qtSelected;
    }
    

Please help me.

Thanks,
Joe.

[Bauke Scholtz]

If you really want to use selectOneRadio in a datatable to select the row, then do :

JSF:

<h:form>
    <h:dataTable binding="#{myBean.table}" value="#{myBean.list}" var="item">
        <h:column>
            <h:selectOneRadio valueChangeListener="#{myBean.select}" 
                onchange="dataTableSelectOneRadio(this);">
                <f:selectItem itemValue="null" />
            </h:selectOneRadio>
        </h:column>
        <h:column>
            <h:outputText value="#{item.id}" />
        </h:column>
        <h:column>
            <h:outputText value="#{item.name}" />
        </h:column>
        <h:column>
            <h:outputText value="#{item.value}" />
        </h:column>
    </h:dataTable>
    <h:commandButton value="get selected row" action="#{myBean.action}" />
</h:form>

JavaScript:

<script>
    function dataTableSelectOneRadio(radio) {
        var id = radio.name.substring(radio.name.lastIndexOf(':'));
        var el = radio.form.elements;
        for (var i = 0; i < el.length; i++) {
            if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
                el[i].checked = false;
            }
        }
        radio.checked = true;
    }
</script>

MyBean:

private HtmlDataTable table;
private MyData selected;
 
public void action() {
    // The selected object is available in here. Do your thing.
}
 
public void select(ValueChangeEvent event) {
    // This is done BEFORE the Update Model Values phase. After this phase the row
    // index would be reset and therefore you cannot retrieve the selected object.
    selected = (MyData) table.getRowData();
}
 
public List getList() {
    // Do your thing. This is just a basic DTO list example.
    List list = new ArrayList();
    list.add(new MyData(1, "name1", "value1"));    
    list.add(new MyData(2, "name2", "value2"));    
    list.add(new MyData(3, "name3", "value3")); 
    return list;  
}
 
public HtmlDataTable getTable() {
    return table;
}
 
public void setTable(HtmlDataTable table) {
    this.table = table;
}

[Joe Jose]

Hi Bauke,

Thanks for the reply.

I tried your code. But the onchange javascript is not working i think, it doesn't call the valueChangeListener as well.
my code is as follows :

jsp:

  
<script>    
function dataTableSelectOneRadio(radio) {        
var id = radio.name.substring(radio.name.lastIndexOf(':'));   
     alert(id);
var el = radio.form.elements;        
for (var i = 0; i < el.length; i++) {            
if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {                
el[i].checked = false;          
  }        
}        
radio.checked = true;    
}
</script>
 
  
<h:dataTable value="#{EXTBean.clientDataList}" var="QuotesSelected" 
style="width:100%;" cellspacing="0" border="0" columnClasses="column1,column2,column3
,column4,column5,column6,column7,column8,column9,column10,column11" 
headerClass="dataHeader" binding="#{EXTBean.myDataTable}">
<h:column>
<f:facet name="header">
<h:outputText id="select" value="Select"/>      
</f:facet>
<h:selectOneRadio  valueChangeListener="#{EXTBean.select}" 
onchange="dataTableSelectOneRadio(this);">
<f:selectItem itemValue="null" /> 
</h:selectOneRadio>
<h:outputText id="quoteNo" value="#{QuotesSelected.quoteNo}" />
</h:column></h:dataTable>

bean:

public void select(ValueChangeEvent event) {   
        
        qtSelected = (QuotesSelected) myDataTable.getRowData();
        Logger.getLog().debug("getrowdata *****  : "+qtSelected);
    }

Can you please tell me where do I exactly give the valuechangelistener ?
It doesn't work for me.

Thanks,
Joe.

[Joe Jose]

Hi Bauke,

I am getting the valuChangeListener when I put the bean in session scope. But I have some other problems when I put the bean in session. Can I do it request scope ? Or if put the bean in session , how can I clear it ?

Thanks for the help Bauke.

Joe.

[Bauke Scholtz]

It works in request scope in here. Try upgrading your JSF version.

[yusuf Kaplan]

Im using JSF 2.x
and copy and pasted Baukes solutions. But still there is a Javascript error when I click "get selected row".
Any ideas?

[Tim Holloway]

You're expecting a 2006 solution to still apply 6 years later?

Bauke hasn't been heard from for about 3 years now.

[yusuf Kaplan]

Tim Holloway wrote:You're expecting a 2006 solution to still apply 6 years later?

Bauke hasn't been heard from for about 3 years now.

Maybe someone else then Bauke can answer my question...

[Tim Holloway]

Actually, what I really meant was https://coderanch.com/how-to/java/DontWakeTheZombies

We don't charge extra if you start your own thread!