SAP HANA Developer Guide - Get a Free Blog

2. Specify the name, for example MyApplication, and location for your project. Select Desktop and Create an
Initial View.
You can also add a view later on by creating a separate SAPUI5 application view. If a new view has been
created for an existing SAPUI5 application project, the view needs to be manually called either from the
index.html page, or from another view via view nesting. For more information, see the Demo Kit -
Developer Guide under Model View Controller Concept.
3. Enter a name for the initial view in the Name field, for example, helloworld. Do not add a file extension.
This is done automatically based on the respective view type.
4. Choose JavaScript and finish the wizard.
The following application parts are created:
○ View file; in this example, a JSview file
○ Controller file
○ index.html file containing the references for the sap.ui.core and sap.ui.commons libraries, the
theme (sap_goldreflection), and information about the script type and the script ID. In a second script
block, the index file refers to the project name, view type, and name. A content default for placing the
controls on the UI later on and the ARIA application role.
5. Change the bootstrap tag (located in the index.html file) to enable the application to access the SAPUI5
libraries on the xsengine as follows: src="resources/sap-ui-core.js" to src="/sap/ui5/1/
resources/sap-ui-core.js".
6. Create a new folder i18n in the WebContent folder. Add a new file messagebundle.hdbtextbundle
to the i18n folder with the following content:
# TRANSLATE
# XBUT,30
MY_BUTTON_TEXT=Hello {0} button
Note: A specific suffix .hdbtextbundle is needed for the resource bundles on SAP HANA (so
called .properties file on other platforms).
7. To add a control to your view (in this example to the helloworld.view.js), insert the following coding:
createContent : function(oController) {
// require the jQuery.sap.resources module
jQuery.sap.require("jquery.sap.resources");
value
}
SAP HANA Developer Guide
Building UIs with SAPUI5
// load the resource bundle
var oBundle = jQuery.sap.resources({
// specify url of the .hdbtextbundle
url : "i18n/messagebundle.hdbtextbundle"
});
var aControls = [];
var oButton = new sap.ui.commons.Button({
id : this.createId("MyButton"),
// access the text using the welcome key and pass the
// for the placeholder ( {0} ) via an array
text : oBundle.getText("MY_BUTTON_TEXT", [ "World" ])
});
aControls.push(oButton.attachPress(oController.doIt));
return aControls;
P U B L I C
© 2012 SAP AG. All rights reserved. 231