Scribd
Upload
97 views3 pages

SAPUI5 Table Edit

This document contains code for defining a table in SAPUI5. It includes sections for the table header, columns, cells, and footer. Key aspects include: - Buttons for editing, saving, and canceling table data - Columns defined for properties like product, quantity, weight, and price - Cells define how each property will be displayed and formatted - Overflow toolbar added to the footer - Table growing property enables loading additional rows as the user scrolls

Uploaded by

Suggu Sandeep
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
97 views3 pages

SAPUI5 Table Edit

This document contains code for defining a table in SAPUI5. It includes sections for the table header, columns, cells, and footer. Key aspects include: - Buttons for editing, saving, and canceling table data - Columns defined for properties like product, quantity, weight, and price - Cells define how each property will be displayed and formatted - Overflow toolbar added to the footer - Table growing property enables loading additional rows as the user scrolls

Uploaded by

Suggu Sandeep
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Table.view.

xml

<!--Header Area -->


    <Page showHeader="true" enableScrolling="true" class="sapUiContentPadding"
title="SANDEEPS"
        showNavButton="true">

Once click on edit

<!-- Table Header -->


                        <Title text="Products: SAP MDG - SAPUI5" level="H2" />
                        <ToolbarSpacer />

                        <!-- All Operations on Table Data -->


                        <Button id="editButton" text="Edit" type="Transparent"
                            press="onEdit" />
                        <Button id="saveButton" text="Save" type="Transparent"
                            press="onSave" visible="false" />
                        <Button id="cancelButton" text="Cancel"
type="Transparent"
                            press="onCancel" visible="false" />

<!-- To Frame The Columns (Header Data) -->

                <columns>
                    <Column width="12em">
                        <Text text="Product" />
                    </Column>
                    <Column minScreenWidth="Tablet" demandPopin="true"
hAlign="End">
                        <Text text="Quantity" />
                    </Column>
                    <Column minScreenWidth="Tablet" demandPopin="true"
hAlign="Center">
                        <Text text="Weight" />
                    </Column>
                    <Column hAlign="End">
                        <Text text="Price" /></Column></columns>
<cells>
                            <ObjectIdentifier title="{Name}"
text="{ProductId}" />
                            <ObjectNumber
                                number="{
                                path:'Quantity',
                                type: 'sap.ui.model.type.String',
                                formatOptions: {showMeasure: false}
                            }"
                                unit="{UoM}" />
                            <ObjectNumber number="{WeightMeasure}"
unit="{WeightUnit}"
                                state="{
                            path: 'WeightMeasure',
                            formatter:
'sap.m.sample.TableEditable.Formatter.weightState'
                        }" />

                            <ObjectNumber
                                number="{
                                parts:[{path:'Price'},{path:'CurrencyCode'}],
                                type: 'sap.ui.model.type.Currency',
                                formatOptions: {showMeasure: false}
                            }"
                                unit="{CurrencyCode}" />
                        </cells>
the format of the field will depend on the formatting options provided in the 'formatOptions'
property. Specifically, the 'showMeasure' property is set to false, which means the measurement
unit (i.e., 'quantity') will not be displayed along with the value in the user interface.

The display format for the field will depend on the formatting options that are provided in the
'formatOptions' property. In this case, the 'showMeasure' property is set to true, which means the
measurement unit (i.e., 'quantity') will be displayed along with the value in the user interface.

<OverflowToolbar id="otbFooter">
                <Text text="SAP MDG: SAPUI5" textAlign="Center"></Text>
                <ToolbarSpacer />
                <Button text="Order" press="onOrder">
<Table id="idProductsTable" growing="true" growingThreshold="5" >

Id -> going to define total no


growingThreshold -> says how many items to view at one time

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy