Paged TreeGrid hides nodes while opening

[SimonF]

Hi there

On one page I have a paged Treegrid. If I scroll down and try to open a node the last node does vanish out of the treegrid. If I close the node again, the previous hidden node does appear again.
Like in the example below it also happens that after opening the rest of the nodes gets hidden and therefore the user cannot interact with them anymore.

This only happens if the browser has a specific height. If I maximize the brower window, this issue occurs reproducable.

See here with height-maximized browser:

Here with a smalled sized window


It's reproducable with this code:

isc.VLayout.create({
	"ID" : "rootLayout_5",
	"width" : "100%",
	"height" : "100%",
	"autoDraw" : true,
	"hideUsingDisplayNone" : false,
	"leaveScrollbarGap" : false,
	"members" :
	[
		isc.TreeGrid.create({
			"ID" : "theTreeGrid",
			"width" : "100%",
			"height" : "100%",
			"selectionType" : "multiple",
			"canEdit" : false,
			"showFilterEditor" : false,
			dataSource : isc.DataSource.create({
				"fields" :
				[{
						"name" : "treeGridGeneratedIndex",
						"primaryKey" : true,
						"hidden" : true,
						"canView" : false
					}, {
						"name" : "nameField",
						"title" : "Reason",
						"type" : "text"
					}, {
						"name" : "parentId",
						"rootValue" : "root",
						"foreignKey" : "treeGridGeneratedIndex",
						"hidden" : true
					}
				],
				"dataFormat" : "json",
				"dataURL" : "http://devset.de/treegrid3.php",
				"transformRequest" : requestTransformer,
				"transformResponse" : responseTransformer,
				"recordXPath" : "\/resultData",
				useHttpProxy : false
			}),
			dataProperties : {
				openProperty : "isOpen",
				childrenProperty : "children",
				canReturnOpenFolders: true
			},
			"fixedRecordHeights" : false,
			"autoFetchData" : true,
			"dataPageSize" : 50,
			"dataFetchMode" : "paged",
			"selectionProperty" : "isSelected",
			"fields" :
			[{
					"name" : "nameField",
					"title" : "Reason",
					"type" : "text",
					"canEdit" : true,
					"canSort" : true
				}
			],
			"selectionProperty" : "isSelected",
			"members" :
			[]
		})
	]
});
function requestTransformer(dataSourceRequest) {
	var operationType = {
		operationType : dataSourceRequest.operationType
	};
	if (dataSourceRequest.operationType == "fetch") {
		var params = {
			delay: 50,
			sortBy : dataSourceRequest.sortBy,
			start : dataSourceRequest.startRow,
			end : dataSourceRequest.endRow
		};
	}
	return isc.addProperties({}, operationType, dataSourceRequest.data, params);
}
function responseTransformer(dataSourceResponse, dataSourceRequest, jsonData) {
	if (dataSourceRequest.operationType == "fetch") {
		dataSourceResponse.totalRows = jsonData.totalRows;
		dataSourceResponse.endRow = jsonData.endRow;
		dataSourceResponse.startRow = jsonData.startRow;
	};
}

I have tested this with the latest nightly SmartClient_v100p_2015-07-08_Pro against the latest Chrome (Version 43.0.2357.132 m) and Firefox(Version 39.0)

Best Regards

[Isomorphic]

We tried with that exact version of the SDK, using various browsers and window sizes and were not able to reproduce it.

[SimonF]

Hi,
Sorry open this issue again, but this issue does persist in the latest nightly SmartClient_v100p_2015-08-14_Pro.

I have tested this with the latest firefox (Version 40.0.2) in maximize-mode. My resolution is 1920x1200. My windows toolbar is 3 lines hight.

This must have something to do with the window-height. This behaviour does only occur if the tree does renders on a big screen.

See here:


Hopefully you can reproduce it with this additional information.

Best regards

[Isomorphic]

What is your OS? Does the issue in the SmartClient_v100p_2015-08-14_Pro build reproduce in all browsers, or just Firefox?

[SimonF]

I'm using windows 7 x64.

It's also reproducable with Chrome Version 44.0.2403.155 m and Internet Explorer 11.0.9600.17959

[Isomorphic]

We still don't see the issue. We set the FF window to a height of 1200 and the page content then had about 1114 pixels of available height.

Can you revert to a default skin and remove any CSS that didn't come with that skin?

Do you see the issue if you paste the code you posted above into our showcase: http://www.smartclient.com/#fetchOperationFS? You should be able to get the page to render at the height you need by entering a custom size in Tools >> Web Developer >> Responsive Design View.

[SimonF]

Hi,

It seems to be resolved between the version SmartClient_v100p_2015-08-14_Pro and SmartClient_v100p_2015-08-16_Pro.

There was also a other bug in the timeline (timeline did show only 3 weeks and didn't took the specified endDate), which was also not reported in the forum, but it's also fixed in SmartClient_v100p_2015-08-16_Pro.

I can reproduce it with the version SmartClient_v100p_2015-08-14_Pro, but not with the version of the 16th.

Looking in the code, there were quite a few changes in the ISC_Grids.js affecting scrolling and the heights.

I think we can decalre this issue as resolved, thanks.