Javascript function to generate yui datatable with json data

The following Javascript function to generate yui datatable with json data,

function generateDatatable(target,jsonObj,myColumnDefs,hfId){

var root;

for(key in jsonObj){

root = key; break;

}

var rootId = "id";

if(jsonObj[root].length>0){

for(key in jsonObj[root][0]){

rootId = key; break;

}

}

YAHOO.example.DynamicData = function() {

var myPaginator = new YAHOO.widget.Paginator({

rowsPerPage: 5,

template: YAHOO.widget.Paginator.TEMPLATE_ROWS_PER_PAGE,

rowsPerPageOptions: [10,25,50,100],

pageLinks: 10 });

// DataSource instance

var myDataSource = new YAHOO.util.DataSource(jsonObj);

myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

myDataSource.responseSchema = {resultsList: root,fields:new Array()};

myDataSource.responseSchema.fields[0]=rootId;

for(var i=0;i

myDataSource.responseSchema.fields[i+1] = myColumnDefs[i].key;

}

// DataTable configuration

var myConfigs = {

sortedBy : {key:myDataSource.responseSchema.fields[1], dir:YAHOO.widget.DataTable.CLASS_ASC}, // Sets UI initial sort arrow

paginator : myPaginator

};

// DataTable instance

var myDataTable = new YAHOO.widget.DataTable(target, myColumnDefs, myDataSource, myConfigs);

myDataTable.subscribe("rowMouseoverEvent", myDataTable.onEventHighlightRow);

myDataTable.subscribe("rowMouseoutEvent", myDataTable.onEventUnhighlightRow);

myDataTable.subscribe("rowClickEvent", myDataTable.onEventSelectRow);

myDataTable.subscribe("checkboxClickEvent", function(oArgs){

var hidObj = document.getElementById(hfId);

var elCheckbox = oArgs.target;

var oRecord = this.getRecord(elCheckbox);

var id=oRecord.getData(rootId);

if(elCheckbox.checked){

if(hidObj.value == ""){

hidObj.value = id;

}

else{

hidObj.value += "," + id;

}

}

else{

hidObj.value = removeIdFromArray(""+hfId,id);

}

});

myPaginator.subscribe("changeRequest", function (){

if(document.getElementById(hfId).value != "")

{

if(document.getElementById("ConfirmationPanel").style.display=='block')

{

document.getElementById("ConfirmationPanel").style.display='none';

}

document.getElementById(hfId).value="";

}

return true;

});

myDataTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload) {

oPayload.totalRecords = oResponse.meta.totalRecords;

return oPayload;

}

return {

ds: myDataSource,

dt: myDataTable

};

}();

}

function removeIdFromArray(values,id){

values=document.getElementById(values).value;

if(values.indexOf(',')==0){

values=values.substring(1);

}

if(values.indexOf(values.length-1)==","){

values=values.substring(0,values.length-1);

}

var ids=values.split(',');

var rtnValue="";

for(var i=0;i

if(ids[i]!=id){

rtnValue+=","+ids[i];

}

}

if(rtnValue.indexOf(",")==0){

rtnValue=rtnValue.substring(1);

}

return rtnValue;

}