cancel
Showing results for 
Search instead for 
Did you mean: 

List Hight is Reduced After Navigating from Other View

huibin_lau
Participant
0 Kudos

Hello UI5 Experts,

I have a problem with reduced list height after navigating from other view. I have a List in a SemanticPage (sap.f.semantic) in view A. At the moment the list has only 5 entries. The problem is when I navigate from view A to view B and then navigate back to view A, the height of the list is reduced with a scroll bar although there are only 5 items in the list.

Please let me know what could be wrong. Thanks!

Code Snipet

<mvc:View
	controllerName="controllerName"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m"
	xmlns:semantic="sap.f.semantic">


	<semantic:SemanticPage
		id="masterPage"
		preserveHeaderStateOnScroll="true"
		toggleHeaderOnTitleClick="false">
		<semantic:titleHeading>
			<Title
				id="masterPageTitle"
				text="Sales Orders"/>
		</semantic:titleHeading>
		<semantic:content>
			<!-- For client side filtering add this to the items attribute: parameters: {operationMode: 'Client'}}" -->
			<List
				id="list"
				width="auto"
				class="sapFDynamicPageAlignContent"
				items="{
					path: 'salesORder>/SalesOrdesHeader',
					sorter: {
						path: 'ID',
						descending: false
					}
				}"
				busyIndicatorDelay="{masterView>/delay}"
				noDataText="{masterView>/noDataText}"
				mode="{= ${device>/system/phone} ? 'None' : 'SingleSelectMaster'}"
				growing="true"
				growingScrollToLoad="true"
				updateFinished="onUpdateFinished"
				selectionChange="onSelectionChange">


				<headerToolbar>
					<OverflowToolbar>
						<SearchField
							id="searchField"
							showRefreshButton="true"
							tooltip="{i18n>masterSearchTooltip}"
							search="onSearch"
							width="auto">
							<layoutData>
								<OverflowToolbarLayoutData
									minWidth="150px"
									maxWidth="240px"
									shrinkable="true"
									priority="NeverOverflow"/>
							</layoutData>
						</SearchField>
						<ToolbarSpacer/>


					</OverflowToolbar>
				</headerToolbar>
				<items>
					<ObjectListItem
						type="Navigation"
						press="onSelectionChange"
						title="ID: {salesORder>ID}"
						number="{
							path: 'salesORder>TotalAmount'
						}"
						numberUnit="{salesORder>Currency}">
					</ObjectListItem>
				</items>
			</List>
		</semantic:content>
	
		<semantic:titleMainAction>
			<semantic:TitleMainAction id="backAction" text="Back" press="onBack"/>
		</semantic:titleMainAction>	
		
	</semantic:SemanticPage>
</mvc:View>

Best Regards,

Hui Bin

Accepted Solutions (0)

Answers (2)

Answers (2)

huibin_lau
Participant
0 Kudos

Hello VIPLOVE KHUSHALANI,

I am using sap.f.semantic therefore the semantic page has no property called enableScrolling.. At the moment I am binding the model in local json model which is showing all entries (there are only 5). I am thinking this is a problem with the ui layout detection when navigating back to the semantic page because when I adjust the browser size the list is back to normal. So I am wondering if there is any way to refresh the control / layout / view / model to repopulate the list properly?

Btw there is no issue when viewing the semantic page on my mobile device..

Thanks

Hui Bin

former_member340030
Contributor
0 Kudos

Can you try enable scrolling false for the semantic page .. because list always re-render and adjust according to the size of the content aggregation .. And also can you show where are you binding the model to the list and also can you even try to load full list instead of putting threshold ..

Try there and lets see what makes this thing happening ..

thanks

Viplove