Grid loads fine with this option, it happens when you drag the first column up to be grouped. It only happens when Row Virtualization is on.
Line 249, Col 10819
this._countGroupedRows=html.match(/(data-growrow="true")/gi).length
Unable to get property 'length' of the undefined or null reference.
PS) This worked fine in 2015.2 and broke somewhere in 2016.1
Hello,
Thank you for contacting Infragistics!
I have some follow up questions concerning this matter. How are you setting the virtualizationMode on the grid? If you are setting it to ‘fixed” this is the expected behavior because fixed virtualization is not supported with group by. Instead you would want to set it to ‘continuous’. How are you setting up the rest of your igGrid?
Obviously not as I said it worked in 2015.2.
$('#grid').igGrid({
autoGenerateColumns: false,
autoGenerateLayouts: false,
mergeUnboundColumns: false,
height: gridheight(),
width: "100%",
rowVirtualization: true,
virtualizationMode: "continuous",
fixedHeaders: true,
responseDataKey: "Records",
generateCompactJSONResponse: false,
localSchemaTransform: false,
primaryKey: "Id",
enableUTCDates: true,
columns: [
{ headerText: "Number", key: "Number", dataType: "number", width: 100 },
{ headerText: "Group", key: "TicketGroup", dataType: "string", width: 100 },
{ headerText: "Type", key: "TicketType", dataType: "string", width: 120 },
{ headerText: "Creator", key: "Creator", dataType: "string", width: 160 },
{ headerText: "Date", key: "TicketDate", dataType: "date", width: 120},
{ headerText: "Description", key: "Description", dataType: "string"},
{ headerText: "Category", key: "TicketCategory", dataType: "string", width: 160 },
{ headerText: "Assigned", key: "AssignedUser", dataType: "string", width: 160 },
{ headerText: "Priority", key: "TicketPriority", dataType: "string", width: 90 },
{ headerText: "Children", key: "Children", dataType: "number", width: 80 },
{ headerText: "Status", key: "Status", dataType: "string", width: 170 }
],
autofitLastColumn: false,
cellClick: function (evt, ui) {
var grid = ui.owner;
try
{
var gridRow = grid.rowAt(ui.rowIndex);
var cellCount = gridRow.cells.length;
// Group by rows have only 2 cells, so if it's greater than 2 it actually is a data row.
if (cellCount === 2) {
processrowcolors(grid);
}
} catch(e) {}
},
rowsRendered: function (evt, ui) {
features: [
name: 'Filtering',
filterExprUrlKey: 'filter',
filterLogicUrlKey: 'filterLogic',
filterDialogWidth: 640,
filterDialogHeight: 480,
filterDialogFilterDropDownDefaultWidth: 120,
filterDropDownWith: 120,
filterSummaryAlwaysVisible: false,
mode: "advanced",
advancedModeEditorsVisible: true,
columnSettings: [
columnKey: "TicketDate",
defaultExpressions: [
expr: filterDate,
cond: "after"
]
type: 'remote'
name: 'GroupBy',
resultResponseKey: 'GroupBy',
groupByUrlKey: 'sort',
groupByUrlKeyAscValue: 'asc',
groupByUrlKeyDescValue: 'desc',
initialExpand: false,
{ columnKey: "Number", allowGrouping: false },
{ columnKey: "Description", allowGrouping: false },
{ columnKey: "Children", allowGrouping: false }
type: 'local',
name: 'Resizing',
deferredResizing: false,
name: 'Responsive',
enableVerticalRendering: false
name: 'Sorting',
applySortedColumnCss: false,
sortUrlKey: 'sort',
sortUrlKeyAscValue: 'asc',
sortUrlKeyDescValue: 'desc',
columnKey: "Number",
allowSorting: true,
firstSortDirection: "asc",
currentSortDirection: "desc"
dataSourceUrl: $('#GetDataAction').data('request-url')
});
Thank you for the update. With your code I was able to narrow down what is causing this error. Currently when groupby is enabled and has initalExpand set to false and virtualization is enabled this is throwing the error when you group a column. This has been logged with the id #223772 and is currently undergoing testing to confirm if it is fixed. I will be creating a private case where I will provide you with further details.