unable to call getgroups function in cells renderer

[Brett leeParticipant]

Hi,

we are planning to buy jqx widgets license for our project. But most of our requirement is with grouping . But we see no much customization on grouping.

I am trying to have an icon in the groupsrenderer. Based on the column values of subrows I want to disable or enable the icon.

my sample code looks like this. The grid is with angular integration

$scope.myGrid ={
sortable:true,
groupable:true,
source:”,
columns:[{datafield:’studentName’,text:’name’},
{datafield:’city’,text:’city’},
{datafield:’subject’,text:’subject’}]

}
populating the grid on a button click event with an angular service call.
studentService.getQuery(selectedparams).then(function(result){
var source ={
datatype:”json”,
localdata: result.data,
columns: [{datafield:’studentName’,text:’name’},
{datafield:’city’,text:’city’},
{datafield:’subject’,text:’subject’}]
};
var dataAdapter = new $.jqx.dataAdapter(source);
$(“#modelexecutiongrid2″).jqxGrid({
source:dataAdapter,
groupsexpandedbydefault: true,
groupable: true,
groups: [‘subject’],
groupsrenderer: function (defaultText, group, state, params,data) {
console.log(‘groups renderer data:’+data);
var htmlElement = ‘<div>’+group+'<span id=”anchorSpan” ></span></div>’;
var groupCount = $(“#myGrid”).jqxGrid(‘getrootgroupscount’);
console.log(‘no.of groups:—->’+groupCount);
var groupData1 = $(“#myGrid”).jqxGrid(‘getgroup’,1);
console.log(‘checking groupdata:’+groupData1);

}

//return htmlElement;
}
});

},function(result){
alert(‘no data has been returned for grid’);
});

})

<jqx-grid id =”mygrid” jqx-settings=”mygrid” ></jqx-grid>

sorry could not post the complete code and supporting files.
when i call getgroups() function am getting an error saying TypeError: Cannot read property ‘expanded’ of undefined
which shows my grid with empty lines.
i have to enable or disable the icon in the groups renderer when the grid is getting displayed. until i get the subrows in that function I cant do it.

Hope you understood my problem.

please give me some solution and the reason why am getting that error.

Hoping for a quick reply.
Thanks in advance

[Peter StoevKeymaster]

Hi Bret Lee,

The renderer is called when the Grid is not yet rendered, because it is a rendering function which should return HTML String to be displayed in the Grid. Using any Grid methods or setting any Grid properties should be done after the Grid is rendered so that is the reason you have an issue here. There is unfortunately no solution here, because you cannot get the groups withing the rendering function.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts