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

View Entire Topic
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