Skip to Content
avatar image
Former Member

Using OpenUI5 xml views with cdn

This is the error that I get:

GET https://openui5.hana.ondemand.com/resources/ns/views/three-buttons.view.xml 404 (Not Found)

GET https://openui5.hana.ondemand.com/resources/ns/views/three-buttons.view.xml 404 (Not Found)

I am loading the sap-ui-core.js using a cdn. I would like to use xml views located in the viewsfolder and a controller in the controllers folder.

The script tags in the html look like:

<script id="sap-ui-bootstrap"

type="text/javascript"

  src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"

  data-sap-ui-theme="sap_bluecrystal"

  data-sap-ui-libs="sap.ui.commons"

  data-sap-ui-resource-roots="{ ns:'./' }" >

</script> 


<script>

$(function(){

sap.ui.xmlview('ns.views.three-buttons').placeAt('content');

  }); 

</script> 

This is my view:

<mvc:View xmlns="sap.m"

xmlns:mvc="sap.ui.core.mvc"

  controllerName="ns.controllers.three-buttons" >

  <TextView text="Hello World" tooltip="A tooltip for the data"/>

  <Button text="Show Alert" press="btnAlertClick" />

  <Button text="Show Confirm" press="btnConfirmClick" />

  <Button text="Show Message Box" press="btnShowClick" />

</mvc:View>

This is my controller:

sap.ui.controller('three-buttons',{


btnConfirmClick: function btnConfirmClick(){

sap.ui.commons.MessageBox.confirm('Do you want to proceed?',

function(){ new sap.ui.commons.MessageBox.alert('She said yes.'); },'Accept Marraige Proposal');

},


btnConfirmClick: function btnConfirmClick(){


sap.ui.commons.MessageBox.confirm('Do you want to proceed?',

function(){ new sap.ui.commons.MessageBox.alert('She said yes.');

},

'Accept Marraige Proposal');

},


btnShowClick: function btnShowClick() {


var icon = sap.ui.commons.MessageBox.ICON.Warning;

var actions = [sap.ui.commons.MessageBox.Action.YES,sap.ui.commons.MessageBox.Action.NO];

var callback = function(event) {

console.log('The event occurs here',event);

}

new sap.ui.commons.MessageBox.show('Are you sure you want to keep doing this',

icon,

'This could be dangerous',

actions,

callback,

sap.ui.commons.MessageBox.Action.CLOSE);

}

});

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Oct 26, 2015 at 10:26 AM

    need small clarification when you call the control methods in XML View and .html you used "ns.controllers."

    why?

    Could you please remove this(ns.controllers.) and try.

    Example

    sap.ui.controller("local.controller", { // Line 93


    same "local.controller" is uses in XML View (controllerName="local.controller") // Line num22

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      Hi Vijay,

      I am trying to use sap.ui.xmlview from the path `./views/three-buttons.view.xml` and the controller from `./controllers/three-buttons.controller.js`, to use them I set up a `resourceroot` called `ns` but I noticed that instead of using the location of the html file as the root directory it seems to be using the location of the `sap-ui-core` as the root directory.

      What is the `sapui5` compliant way of loading the view and the controller and wiring them up together and adding them to the page. Does `sap.ui.require` work in this scenario?