Show TOC

ViewsLocate this document in the navigation structure

The view in the Model View Controller concept is responsible for defining and rendering the UI. SAPUI5 supports predefined view types.

Although XML and JSON notation has been introduced for SAPUI5 UI controls, the Model View Controller concept is also supported to facilitate traditional programmatic UI constructions.

The following predefined view types are available:

  • XML view (file or string in XML format); the XMLView type supports a mix of XML and plain HTML.

  • JSON view (file or string in JSON format)

  • JS view, constructed in a traditional manner

  • HTML view (file or string in HTML format)


In this section:
    XML View
    The XML view type is defined in an XML file. The file name either ends with .view.xml or as an XML string. The file name and the folder structure together specify the name of the view that equals the SAPUI5 module name.
    JSON View
    The JSON view type is defined in a file. The file name has to either end with .view.json or as a JSON string. The file name and the folder structure together specify the name of the view that equals the SAPUI5 module name within the modularization concept.
    JS View
    You create a JS (JavaScript) view in the same way as a controller and use the suffix .view.js for the file.
    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.
    Instantiating Views
    To instantiate views, SAPUI5 provides the factory method sap.ui.view.
    View Cloning
    For normal controls, view cloning bases on control settings that are described by SAPUI5 metadata, such as properties, aggregations, associations, and event handlers. The clone operation collects these settings and creates a new instance.