Search code examples
javascriptyuiyui2

getting data from a yui datatable


I have the following jsfiddle that generates a YUI Datatable with checkboxes, but i have a problem getting the data of ids from the table after i click the Get Records button.

anyway to call the table from the javascript?

P.S : I am using YUI2 library as my project is using that


Solution

  • Using Checkbox Listeners

    I hope this codes show what you need http://yuilibrary.com/yui/docs/datatable/datatable-chkboxselect.html

    Edit:

    I update your code for adding checkboxClickEvent for handling checkbox event in each of data row and use an array to keep all of the checked record id.

    var selectedID = [];
    

    myDataTable.subscribe("checkboxClickEvent", function(oArgs){ 
                    alert("check box clicked");
                    var elCheckbox = oArgs.target; 
                    var oRecord = this.getRecord(elCheckbox); 
                    if (elCheckbox.checked) {
                        selectedID.push(oRecord.getData("id"));
                    } 
                    else {
                        selectedID.pop(oRecord.getData("id"));
                    }
                    oRecord.setData("check",elCheckbox.checked); 
                }); 
    

    Detail of working code is here.