Grouping works in Developer, but not after deployment

Feedback
1

I have set on a form the property rowGroupIndex for 2 columns (0/1). In Developer (2024.3.7), it behaves like expected. I also can manually add/ remove other columns to/from the row group panel. The situation is shown in the attached screenshot.

Unfortunately, it does not work when the solution is deployed. The 2 grouped columns appear shortly in the row group panel, then they disappear. I also can’t manually add/remove them or other columns.

Looks like a bug. Has someone else grouping forms in use?

Regards,

grouping
grouping500×569 18.8 KB

2

Additional info: The grouping row do appear for a short time, then disappear and the grid data is displayed as (normal) column.

In the Servoy Server Log, I get this error which might be related to the problem:

@https://<url>/7r/chunk-OKQY3TNZ.js:19:64983
checkOpenByDefault@https://<url>/7r/chunk-OKQY3TNZ.js:283:9342
createRowAtIndex@https://<url>/7r/chunk-OKQY3TNZ.js:280:22630
@https://<url>/7r/chunk-OKQY3TNZ.js:280:27081
forEach@[native code]
onLoadSuccess@https://<url>/7r/chunk-OKQY3TNZ.js:280:26957
l@https://<url>/7r/chunk-OKQY3TNZ.js:280:14441
@https://<url>/7r/chunk-OKQY3TNZ.js:340:186697
getDataFromFoundset@https://<url>/7r/chunk-OKQY3TNZ.js:340:185660
getFoundsetRefSuccess@https://<url>/7r/chunk-OKQY3TNZ.js:340:184702
run@https://<url>/7r/polyfills-NA4C42TE.js:4:59981
@https://<url>/7r/polyfills-NA4C42TE.js:5:557
runTask@https://<url>/7r/polyfills-NA4C42TE.js:4:60628
C@https://<url>/7r/polyfills-NA4C42TE.js:4:67398
invokeTask@https://<url>/7r/polyfills-NA4C42TE.js:4:66455
q@https://<url>/7r/polyfills-NA4C42TE.js:4:73534
p@https://<url>/7r/polyfills-NA4C42TE.js:4:73830
3

As an info, I found the problem. I use the code below shown in the if (firstShow) { … }. The line…

			isServerSideGroupOpenByDefault: clientutils.generateBrowserFunction(String(f)),

works in the Developer Version: 2024.3.7.3950_LTS, but does not work if I deploy it. The result is that the table data is shown as a usual table (non grouped), where the row group panel is empty instead of having the 2 grouping buttons. Manually it’s not possible to put a column into the row group panel, it just does not stick there.

if (firstShow) {
	const f = function(params) {
		/** @type {Array<String>} */
		const route = params.rowNode.getRoute();
		if (!route) {
			return false;
		}
		
		// Open first level of grouping.
		return route.length == 1; // For more levels of grouping: return route.length >= 1 && route.length <= 2;
	};
	
	// Add isServerSideGroupOpenByDefault property to existing design time grid options.
	elements.gridClassMembers.gridOptions = Object.assign (
		{},
		elements.gridClassMembers.gridOptions || {}, {
			isServerSideGroupOpenByDefault: clientutils.generateBrowserFunction(String(f)),
			rowGroupPanelShow: 'always',
			suppressGroupRowsSticky: false,
			autoGroupColumnDef: {
				minWidth: 100,
				maxWidth: 150
			}
		}
	);
}

Any idea how to make it work is of course welcome.

Regards, Robert