Hi there,
I'm using a paged treegrid and found a display-bug.
If you expand one of the nodes and (left-)click on multiple nodes (without holding ctrl), the selection is not removed. After you scroll above the blue rows only the one node which was really selected is blue.
Also you can see in the gif that after the click on the blue selection jumps to the first node, after moving the cursor the hover jumps on the correct node again.
In the gif the cursor has a yellow circle around and when clicking there is a small red circle. This also happens without this circle.
![]()
Here is the code to reproduce
This is reproducable in all current versions of all browsers and with the latest nightly (SmartClient Pro Edition (2015-03-30 nightly))
Best
I'm using a paged treegrid and found a display-bug.
If you expand one of the nodes and (left-)click on multiple nodes (without holding ctrl), the selection is not removed. After you scroll above the blue rows only the one node which was really selected is blue.
Also you can see in the gif that after the click on the blue selection jumps to the first node, after moving the cursor the hover jumps on the correct node again.
In the gif the cursor has a yellow circle around and when clicking there is a small red circle. This also happens without this circle.
Here is the code to reproduce
Code:
isc.TreeGrid.create({
"ID" : "theTreeGrid",
"width" : "100%",
"height" : "100%",
"selectionType" : "multiple",
"canEdit" : false,
"showFilterEditor" : false,
dataSource : isc.DataSource.create({
"fields" :
[{
"name" : 'parentId',
"hidden" : true,
"rootValue" : '0',
"foreignKey" : 'id'
}, {
"name" : "nameField",
"title" : "Name",
"type" : "text"
}, {
"name" : "lastField",
"title" : "gfds",
"type" : "text"
}
],
"dataFormat" : "json",
"dataURL" : "http://devset.de/treegrid.php",
"transformRequest" : requestTransformer,
"transformResponse" : responseTransformer,
"recordXPath" : "\/resultData",
"canReturnOpenFolders" : true,
"useHttpProxy" : false
}),
dataProperties : {
openProperty : "isOpen",
childrenProperty : "children"
},
"autoFetchData" : true,
"dataPageSize" : 20,
"dataFetchMode" : "paged",
"selectionProperty" : "isSelected",
"fields" :
[{
"name" : "nameField",
"title" : "Name",
"type" : "text",
"canEdit" : false,
"canSort" : false
}, {
"name" : "lastField",
"title" : "lastFieldName",
"type" : "text",
"canEdit" : false,
"canSort" : false
}
]
});
function requestTransformer(dataSourceRequest) {
var operationType = {
operationType : dataSourceRequest.operationType
};
if (dataSourceRequest.operationType == "fetch") {
var params = {
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;
};
}Best