sap.ui.jsview("ui5demo.DemoView", {
/** Specifies the Controller belonging to this View.
* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
* @memberOf ui5demo.DemoView
*/
getControllerName : function() {
return "ui5demo.DemoView";
},
/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.
* Since the Controller is given to this method, its event handlers can be attached right away.
* @memberOf ui5demo.DemoView
*/
createContent : function(oController) {
//Create a panel instance
var oPanel = new sap.ui.commons.Panel({width: "400px"});
//Set the title of the panel
oPanel.setText("Contact Data");
//Create a matrix layout with 2 columns
var oMatrix = new sap.ui.commons.layout.MatrixLayout({
layoutFixed: true,
width: '100%',
columns: 2
});
oMatrix.setWidths('100px', '200px');
//Create a simple form within the layout
var oLabel = new sap.ui.commons.Label({text: 'Name'});
var oInput = new sap.ui.commons.TextField({value: 'M.Saad', width: '100%'});
oLabel.setLabelFor(oInput);
oMatrix.createRow(oLabel, oInput);
oLabel = new sap.ui.commons.Label({text: 'First Name'});
oInput = new sap.ui.commons.TextField({value: 'Siddiqui', width: '100%'});
oLabel.setLabelFor(oInput);
oMatrix.createRow(oLabel, oInput);
// create ProgressIndicator
var oProgressIndicator1 = new sap.ui.commons.ProgressIndicator("ProgInd1", {
width: "100%",
percentValue: 33,
displayValue: "33%"
});
//Add the form and ProgressIndicator to the panels content area
oPanel.addContent(oMatrix);
oPanel.addContent(oProgressIndicator1);
//Add some buttons to the panel header
oPanel.addButton(new sap.ui.commons.Button({text: 'Save'}));
oPanel.addButton(new sap.ui.commons.Button({text: 'Cancel'}));
//Attach the panel to the page
oPanel.placeAt("content");
}
});
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.