SAP_UI5_Developer_Guide_for_SAP_HANA_en

Browser Google Chrome Web View Supp

Note A specific suffix .hdbtextbund

Related Information Testing SAPUI5

Depending on the libraries you use,

3.8.2.2 Use a SimpleProxyServlet fo

● When building your own protocol

● ● ● Support development in

4.1.1 Models A model holds the data

This method is used to create the U

}] } You nest the JSON objects anal

4.1.3 Controllers A controller in S

4.1.4.1 Binding Modes A model imple

The mobile library, called sap.m, i

The ComponentContainer control wrap

Related Information Model View Cont

Related Information SAPUI5 Componen

Related Information Preparing [page

correctly, this will be possible. I

ackend data and services. Others ar

Business Scenario We are almost rea

The app is made up of a number of m

interface (UI) controls. Further, t

Step 12: NotFound View [page 146] 5

complex binding syntax in declarati

Metadata After the initial declarat

There are actually three models tha

5.2.3 Step 3: Navigation and Routin

} ] { } name : "catchallMaster", vi

}, sap.ui.core.routing.Router.proto

var oIconTabBar = oView.byId("idIco

Related Information Navigation [pag

Using the sap.ui.Device library, va

We see from the Master view example

| +-- i18n/ | | | +-- messageBundle

We start with the view declaration

{ this.getView().byId("list").attac

This automatic request for a count

5.2.9 Step 9: Detail View View We'l

While the formatter functions were

We're not making an explicit call t

The IconTabFilters for the Supplier

... ... ... ... This means th

And it looks like this when the cat

It's an sap.m.Page, with an sap.ui.

This section is similar to the Basi

mPayload.DiscontinuedDate = this.da

}, } If all is ok with the form inp

5.2.12 Step 12: NotFound View There

When navigating to an unknown URL,

Resource sap-ui-core.js Description

6.1.1 Standard Variant for Bootstra

Note You can combine the preload co

6.3 Configuration of the SAPUI5 Run

Note The name of the window propert

Option Type Default Value URL Modif

Option Type Default Value URL Modif

Option Type Default Value URL Modif

Option Type Default Value URL Modif

Option Type Default Value URL Modif

Option Type Default Value URL Modif

● ● ● ● If no version is d

7 Models and Data Binding Data bind

in the control constructor by using

The next step covers the creation o

2. With a bundleUrl that points to

Related Information Models and Data

} } ] }, { } phone: "734" name: "Su

You can also use custom query optio

The application has to specify the

7.2.1.3.2.1 Experimental Two-Way Bi

7.2.1.4.1 Sorting and Filtering in

7.2.1.5 Implementing a Custom Model

7.2.4 Binding Controls to the Model

The most convenient way to define a

}); validateValue: function(oValue)

The factory function gets the param

); new sap.ui.commons.Label({text:

7.4.2 Handling Wrong User Input You

maxIntegerDigits: 99, // maximal nu

The format patterns must be defined

7.4.4.1 sap.ui.core.format.DateForm

parts: [ {path: "/firstName", type:

To use the feature in your SAPUI5 a

7.5.2.3 Using Extended Syntax in XM

8 Building the UI This section prov

Note If controls are located in a s

8.2.4 Using CSS Style Sheets in XML

jQuery.sap.newObject(sap.ui.core.mv

If you want to modify the control w

Related Information Fragments [page

This fragment can be instantiated f

Example of an Inline XML Fragment /

The other possible ID of the second

// define a new (simple

}); } return oDialog ; 8.8.3.1.1 Us

title}"}} {{#each path="/persons"}

sample code jQuery(function() { });

With this configuration, the route

● ● ● ● ● ● ● ● vie

● type - view type 8.10.4 Route M

Related Information Defining the Co

● ● ● publicMethods: List of

} 8.11.1.2.3 Event Handler Methods

8.11.1.4 Examples for Creating and

To add a grey background, a red bor

}, renderer: {} // add nothing, jus

jQuery.proxy(this.handleClick, this

Renderer Class (sap.ui.core.Rendere

SAPUI5 core provides mechanisms for

the top after the end of the list w

Note The W3C officially recommends

If an application is using SAPUI5,

CSS class name CSS property sap_blu

● ● ○ ○ Do not hard-code co

9.1.1 Modularization and Dependency

of bootstrap). The resulting URL is

further code of enclosing module ..

loaded, module B will be loaded and

Resource Servlet For Java Servlet c

http://%server%:%port%/sapui5 This

The cache buster mechanism allows t

Note The Application Cache Buster d

9.2 SAPUI5 Components Components ar

Related Information Creating a New

}); } }, customizing: { // - serves

} }); 9.2.1.2 Methods Controlling t

mylib/example/component/Component.j

} "version": "0.1.0", "description"

To access the configuration without

SAP Language Code BCP47 Language Ta

To make sure that the jQuery.sap.re

Note The current data binding imple

"samples.components.ext.customer.Cu

11.4 View Replacement If the extens

11.5.1 Providing Hooks in the Stand

Limitations The view modifications

12.1 Handling Navigation and Lifecy

These events can be used to create

12.2.1 Built-in Adaptation of SAPUI

As only one page per screen can be

}); }) ] }) ] To enable the SplitAp

] }); text: "Button 1", layoutData:

growFactor. If, for example, a hori

Similarly, when not running on desk

Samples You find a lot of samples i

The following table shows the diffe

12.3.1.2 Swipe for Action in Lists

12.3.1.2.3 Methods List provides th

new sap.m.Column({ // first column

The table is constructed in the nor

12.3.4 Highlighting Rows and Column

Note Before release 1.16, the sap.m

On mobile, we know that we do not h

When displaying information in a Po

Table Personalization Dialog The ta

The interface is simple: on instant

type: new sap.ui.model.type.Float({

● The simple type is the default

12.4.3 Using the Facet Filter List

Example The following example shows

If you enable the liveSearch proper

var oFacetFilter = new sap.m.FacetF

● Trigger e-mail application sap.

○ For Android: http://developer.a

Interaction with the scroll contain

The SAPUI5 version contains the fol

12.8 Using Images in Mobile Applica

To add custom icons, proceed as fol

12.9 Message Handling The following

● ● scrollstart scrollstop For

● ● When a touch event is trigg

Browser Touch Supported sap.ui.Devi

...... if (sap.ui.Device.support.to

MAKit chart supports the following

13.2 UI Control API: Event Handling

Use in XML Views In XML views, Cust

Now CSS can use attribute selectors

SAPUI5 then requires (loads) the pl

Currently, SAPUI5 only supports to

Related Information Data Binding [p

Content Security Security Guides Re

WebSockets While WebSockets offer g

Resource Handler (ABAP) The resourc

well formed and properly encoded. I

● jQuery.sap.removeUrlWhitelist H

Remote Debugging on Mobile Devices

14.2.3 Troubleshooting: Common Issu

depending on the browser used, seeC

Note JavaScript does not support a

Control Tree The control tree shows

● On the Breakpoints tab, you can

14.3 An MVC Demo Application To ill

data-sap-ui-theme="sap_bluecrystal"

14.3.4 The HomePage View The HomePa

To updates the data binding every t

The following sections explain the

● ● ● ● SAP decides which v

14.5.3 Reserved IDs for DOM Nodes a

15 Important Disclaimers on Legal A

www.sap.com/contactsap © 2014 SAP