mapping each value of array to each datafield

[NagoorParticipant]

Hi

I am generating grid coloumns dynamically. for four coloumns i have data in jason format for other coloumns i have to map data of one array.
i.e., each datafield must get one value from array. here is my sample code..

var colDataFieldArray =[“userName”,”emailId”,”company”,”Flag”];//This is the array which contain your Dynamic column
datafields
for(var i=0;i<(colDataFieldArray.length);i++){
var colStr = $.trim(colDataFieldArray[i]);
gridColumns.push({ text:$.trim(colDataFieldArray[i]), dataField: colStr, cellsrenderer: cellsrenderer , align : ‘center’, cellsalign:’center’,width: 150});
dataFieldColumns.push({name:colStr, type: ‘string’});
}
gridColumns.push({text: “User Id”, dataField: “userId”, cellsrenderer: cellsrenderer , hidden:true, cellsalign:’center’});
dataFieldColumns.push({name: “userId”, type: ‘string’});

for(var i=0;i<(serviceArray.length);i++){
var colStr = $.trim(serviceArray[i]);
gridColumns.push({ text:$.trim(serviceArray[i]), dataField: colStr, value: “ServiceName”, align : ‘center’, cellsalign:’center’, width: 150});
dataFieldColumns.push({name:colStr, type: ‘string’});
}

}

var GridURL =
{
datatype: “json”,
localdata: editUsers ,
datafields: dataFieldColumns,
cache: false,

};
var dataAdapter = new $.jqx.dataAdapter(GridURL);

};

$(“#jqxgridtwo”).jqxGrid(

{

width:600,
source: dataAdapter,
pageable: true,
editable: false,
selectionmode: ‘none’,
autoheight: true,
columns :gridColumns,
columnsresize:true,
// editable: true,
selectionmode: ‘none’,
enablehover: true,
pagermode: “simple”,
columnsreorder: true,
pagesize:5,
// autoresizecolumns:true,
// cellselection : true,

});

Thank you

[Peter StoevKeymaster]

Hi Nagoor,

To learn how to use the datafield’s map member, look at: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-datasources.htm

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts