views are defined using sap libraries as follows −

• xml with html, mixed, or standalone: library- sap.ui.core.mvc.xmlview
• javascript: library- sap.ui.core.mvc.jsview
• json: library - sap.ui.core.mvc.jsonview
• html: library - sap.ui.core.mvc.htmlview

javascript view sample

sap.ui.jsview(“sap.hcm.address”, {
   getcontrollername: function() {
      return “sap.hcm.address”;
   },
   createcontent: function(ocontroller) {
      var obutton = new sap.ui.commons.button({ text: “hello” });
      obutton.attachpress(function() {
         ocontroller.hello();
      })
      return obutton;
   }
});

html view sample

<template data-controller-name = ”sap.hcm.address’>
   <h1>title</h1>
   <div> embedded html </div>
   <div class = ”test” data-sap-ui-type = ”sap.ui.commons.button”
      id = ”button1” data-text =  ”hello” data-press = ”sayhello”>
   </div>
</template>

similarly, you can create json view derived from sap.ui.core.mvc.jsonview.

{
   “type”:”sap.ui.core.mvc.jsonview”,
   “controllername”:”sap.hcm.address”,
   ……………………….
   …………………...
   …………………….
}

comparison of view types

the following table lists key features associated with mvc concept and comparison of different view types w.r.t the features.