SAP UI5 app using SAP UI5 SDK - Demo Kit details

[Dhanasupriya]

Hello Community

This blog is quite an instant outline of SAP UI5 application. It's a bit curious to debug SAP UI5 SDK Demo Kit and got to know the data used to display our standard controls.

Most of the times, we just checkup the information from SDK. But kit itself has a way for modeling the viewed data.

URL used for this trial: https://sapui5.hana.ondemand.com/test-resources/sap/f/demokit/docuindex.json

Created SAP UI5 application from the templates available in SAP WEB IDE.

Changes implemented:

manifest.json





view.xml

<mvc:View controllerName="com.SAPUI5_DEMOKIT_SAMPLE.controller.View1" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m">

	<Shell id="shell">

		<App id="app">

			<pages>

				<Page id="page" title="{i18n>title}">

					<content>

						<Table items="{/explored/entities}">

							<columns>

								<Column width="12em">

									<Text text="ID"/>

								</Column>

								<Column minScreenWidth="Tablet" demandPopin="true">

									<Text text="Name"/>

								</Column>

								<Column minScreenWidth="Desktop" demandPopin="true" hAlign="Center">

									<Text text="category"/>

								</Column>

								<Column hAlign="End">

									<Text text="Since Version"/>

								</Column>

							</columns>

							<items>

								<ColumnListItem>

									<cells>

										<Text text="{id}"/>

										<Text text="{name}"/>

										<Text text="{category}"/>

										<Text text="{since}"/>

									</cells>

								</ColumnListItem>

							</items>

						</Table>

					</content>

				</Page>

			</pages>

		</App>

	</Shell>

</mvc:View>

Output:



This approach created me farther interest on UI5. Please tour on SAP UI5 SDK Demo Kit.

Also enhance me with your comments.

Thank you.. 🙂

BR//Dhanasupriya Sidagam