Show TOC

HTML ViewsLocate this document in the navigation structure

An HTML view is one of the predefined view types that are available in SAPUI5.

An HTML View is defined by declarative HTML. Like the declarative support, the HTML view supports embedded HTML. The view file ends with view.html, for example myview.view.html.

Example:

  <template data-controller-name="example.mvc.test">
   Hello
  <h1>Title</h1>
  <div>Embedded HTML</div>
  <div class="test test2 test3" data-sap-ui-type="sap.ui.commons.Panel" id="myPanel">
  <div class="test test2 test3" data-sap-ui-type="sap.ui.commons.Button" id="Button1" data-text="Hello World" data-press="doIt"></div>
  <div data-sap-ui-type="sap.ui.commons.Button" id="Button2" data-text="Hello"></div>
  <div data-sap-ui-type="sap.ui.core.mvc.HTMLView" id="MyHTMLView" data-view-name="example.mvc.test2"></div>
  <div data-sap-ui-type="sap.ui.core.mvc.JSView" id="MyJSView" data-view-name="example.mvc.test2"></div>
  <div data-sap-ui-type="sap.ui.core.mvc.JSONView" id="MyJSONView" data-view-name="example.mvc.test2"></div>
  <div data-sap-ui-type="sap.ui.core.mvc.XMLView" id="MyXMLView" data-view-name="example.mvc.test2"></div>
  </div>
</template>

All view specific properties can be added to the <template> tag as data-* attributes.