HTML View

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

#!html  <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.