1 UI5 code structureLast time we spent 20 seconds together to complete a UI5 version of Hello World. After the app is opened there is a button, the text of the button is Hello World, after clicking this button, the button will slowly disappear (Fade out).Well, let's take a look at this one. In order to achieve such a simple function, what the OPENUI5 framework needs to provide at least, or we can look at th
HTML5 mobile web Application Development-SAP UI5 (7)
In SAPUI5, components can be encapsulated using Component. To encapsulate a Component, the basic code of Component is as follows:
sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : function () { // call the init function o
provides a central, machine-readable and easy-to-access location for storing metadata associated with an AP Plication, an application component, or a library.
We can put some configuration information of the application into this Manifest.json, UI5 provides the API to retrieve the corresponding configuration information, and when we need to put this app in Fiori Launchpad, some corresponding configuration information will be Fiori The launchpad
Before we built the app is based on the display. Now let's format it and introduce a lot of other SAP UI5 component concepts. This makes an interface of the app more hierarchical. More like a mobile app interface, and better use the features available in SAP UI5. Each of these different levels has different functions.F
cannot grasp the use of all the controls, and even for some familiar controls, there is no chance to practice the usage in all four predefined view models, so many times we don't know how to use a control. At this time, the Explorer in UI5 's help document will be our good friend, which lists the most common examples of usage of the controls. But there are also problems, which is that basically all of the views in the Explorer are defined with XML ty
of a JSON view definition is as follows:{ "type": "Sap.ui.core.mvc.JSONView", "controllername": "Sap.hcm.Address", "content": [{ "type": " Sap.ui.commons.Image ", " id ":" myimage ", " src ":" Http://www.sap.com/global/ui/images/global/sap-logo.png " }, { "Type": "Sap.ui.commons.Button", "id": "MyButton", "text": "Press Me" }]}Strings, booleans, and null can be used in JSON view.1.3.4 HTML ViewHTML view is a
UI5For example, I need to messagetoast a message in the controller's Onshowhello to display it on the UI,I need to define my own controller first, the controller extend from the UI5 standard controller module, the path is Sap/ui/core/mvc/controller, In order to invoke Messagetoast's Show method, you must first get the Messagetoast instance. So UI5 uses Sap.ui.def
UI5For example, I need to messagetoast a message in the controller's Onshowhello to display it on the UI,I need to define my own controller first, the controller extend from the UI5 standard controller module, the path is Sap/ui/core/mvc/controller, In order to invoke Messagetoast's Show method, you must first get the Messagetoast instance. So UI5 uses Sap.ui.def
This paper briefly summarizes the knowledge of SAP UI5 framework before learning, and combs the key parts of knowledge.1, in the UI5 use process, the concept of the namespace is very important.2, the General SAP component reference format is as follows:Sap.ui.define ([ "Sap
This is a brief summary of the SAP UI5 framework knowledge previously learned. And the key part of the knowledge of the carding.1 . In the process of UI5, the concept of namespaces is very important.2 . General SAP component Reference formats such as the following:Sap.ui.define ([ "
Sap.ui.core.ListItem ({text:"{name}"}); var Ocombobox New Sap.ui.commons.ComboBox ({ items: { "/company/contacts", template:oitemtemplate }});or by using a method to bind:Ocombobox.bindaggregation ("items""/company/contacts"new Sap.ui.core.ListItem({text:"{name}"});2.2.3Element BindingThe Element binding allows us to bind a particular object of the model data to a control (not a property of the control), so that we can use the property aggregation subor
HTML5 mobile web Application Development-SAP UI5 (9)
Previously, our app construction was based on display. Now let's format it and introduce more SAP UI5 component concepts. This makes an APP interface more hierarchical, more like a mobile APP interface, and better use the features provided in
HTML5 mobile web Application Development-SAP UI5 (6)
· In SAP UI5, use the i18n file to parse variables. For different language packs developed in the future, different i18n files are also available. Let's take a general look at how i18n is used in SAPUI5.
First, create a file named i18n. properties. Write the followin
the controller are also created through Factory mode:Once the Connecttoview is executed,The relationship between Oview and Ocontroller was set up.CRM WebClient UIEach UI component view has a built-in property controller that points to the controller instance of the view.In the BSP programming environment, developers do not have to worry about the initialization of this controller instance directly.So when did the controller instance of the view be initialized by the framework?To figure this out
Learning the component concept of UI5UI5 There are two kinds of component:One is faceless component (class:sap.ui.core.Component), which has no user interface and is typically used to obtain data from the backend system.The other is UI component (Class:sap.ui.core.UIComponent), which are used for screen display, and typically correspond to a screen area or element that can be reused.Both of the Component reference classes are sap.ui.core.Component and can be extended by inheriting the base class
metadataurlparams: {8Myparam: "Value1",9MYPARAM2: "value2"Ten } One});The service data is accessed when it is requested"Http://myserver/MyService.svc/?myParam=valuemyParam2=value2" This path,The same is true when requesting metadata: (TODO)Get Data:1 omodel.getdata ("/customer (' ALFKI ')"); 2 omodel.getproperty ("/customer (' ALFKI ')/address");varOData ={ProductId:999, ProductName:"MyProduct"}//POSTOmodel.create ("/products", OData, {success:mysuccesshandler, error:myerrorhandler});//GETO
In multi-language considerations, control names need to be translated according to different languages, so in UI5 they are generally uniformly placed in a file, i18n.properties.Try to bind this file today, all of the following code is in Display.view.js1Createcontent:function(ocontroller) {2 varOmodel =NewSap.ui.model.resource.ResourceModel (3 {4Bundlename: "i18n",5Bundlelocale: "EN",6 }7 );8
Using the Android Kapsel mobile app as an example, use the SAPUI5 class libraryExample 1:Plugins\kapsel-plugin-logon\www\common\assets\ui\logonform.jsIn the file to use1) www\mobile\ directory view XML, view JS, Controller JS resource file2) www\mymodules\ The following JS resource file
Sap. LogonForm = function () {
JQuery.sap.registerModulePath ("mobile", ' ... /.. /.. /mobile/');
JQuery.sap.registerModulePath ("Mymodules", ' ... /.. /.. /m
containing personanization is ready to render, the C4C front-end framework temporarily merges the CT in $pers into the corresponding C4C standard UI.AdaptationTechnically, the CT file produced by adaptation is stored in the layer that the user belongs to. For example, a UI modification made by a customer is stored in a layer called $cust. and partner made the changes, stored in the partner corresponding to the solution unique layer below. Partner solution is a unique concept of C4C, such as an
Today, SAP NetWeaver is a platform technology that has gradually become familiar to the industry, and there are more enterprises that have implemented or are implementing this platform in China. In my opinion, SAP's NetWeaver platform is indeed quite different from traditional products (such as R/3 and CRM and APO) in implementation:1. NetWeaver focuses more on TechnologyAlthough sap is focusing on the pres
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.