ListGrid empty body

[acarur01]

I have a problem with some of my listgrids when scrolling down. I've attached a screenshot of the empty body after the last data. What I am expecting is for the listgrid to display at the very bottom of the body, the last data. I'm not sure why this happens.

Evaluator: result of 'page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable' (1ms):
ListGrid{title: " ",
alternateRecordStyles: true,
wrapCells: true,
fixedRecordHeights: false,
dataSource: "page$content$mainUI$offerFinderUI$$conte..."[106],
ID: "page$content$mainUI$offerFinderUI$$conte..."[103],
hoverStyle: "hoverOverOffer",
modalEditing: true,
recordBaseStyleProperty: "velocityRowStyle",
canSelectText: true,
willHandleErrors: true,
autoFetchData: false,
canHover: true,
rollOverCanvasConstructor: "VLayout",
rollOverCanvasProperties: Obj,
selectionProperty: "$isCwSelected",
headerButtonProperties: Obj,
width: 601,
height: 538,
fields: Array[6],
position: "absolute",
className: "listGrid",
virtualScrolling: true,
data: [ResultSet ID:isc_ResultSet_3 (created by: page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable)],
canMultiSort: undef,
selectionType: "multiple",
showResizeBar: false,
parentElement: [VLayout ID:page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$cwvLayoutofferFinderResultTable],
topElement: [VLayout ID:page$$vLayout],
tabIndex: 1890,
booleanTrueImage: "[SKINIMG]/DynamicForm/checked.png",
booleanFalseImage: "[SKINIMG]/DynamicForm/unchecked.png",
booleanPartialImage: "[SKINIMG]/DynamicForm/partialcheck.png",
booleanImageWidth: 13,
booleanImageHeight: 13,
originalFields: Array[6],
completeFields: Array[6],
header: [Toolbar ID:isc_Toolbar_2],
sorter: [ImgButton ID:page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable_sorter],
children: Array[7],
headers: Array[1],
body: [GridBody ID:page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable_body],
bodies: Array[1],
zIndex: 204176,
innerWidth: 583,
bodyHeight: 513,
bodyWidth: 599,
selection: [Selection ID:page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable_selection],
headerMenuButton: [HeaderImgButton ID:page$content$mainUI$offerFinderUI$$content$mainFrame$FinderFormFrame$resultFrame$offerFinderResultTable_headerMenuButton],
}

[Isomorphic]

With fixedRecordHeights:false and incremental rendering, it needs to be possible for the user to scroll the last row to the top of the viewport or there will necessarily be lurching/jumping problems during scrolling while dragging the scrollbar thumb.

For small datasets, you can use showAllRecords:true to avoid this problem.

[acarur01]

Unfortunately, I do not know the size of the data at rendering time. Is there any other way, besides setting "showAllRecords"?

[Isomorphic]

With high settings for drawAllMaxRecords and drawAheadRatio, you can ensure this doesn't happen except for large datasets.

All other approaches, like watching the scrolled event and preventing scrolling beyond last row, are going to lead to some degree of lurching / jumping (an inherent problem with this interaction).

[acarur01]

I'm not exactly sure what those two properties do exactly after looking into the documentation . Under drawAheadRatio,

"Tweaking drawAheadRatio allows you to make tradeoffs between continuous scrolling speed vs initial render time and render time when scrolling by large amounts."


I still have the problem even if I only scroll row by row instead of "large amounts". Could you try to explain further?

[Isomorphic]

Setting those two values can cause the entire set of rows to render for small datasets, which then has the same effect as setting showAllRecords:true.

[acarur01]

I see. Can you point me to the "drawAllMaxRecords" documentation? I can't find it.

[Isomorphic]

Sorry, it's actually "drawAllMaxCells".