docs

Views

The view in the Model-View-Controller (MVC) concept is responsible for defining and rendering the UI. OpenUI5 supports predefined view types.

The following predefined view types are available:

• XML view, a file or string in XML format

• Typed view, constructed in a programmatic manner

Note:

We recommend using XML views unless you need the dynamics possible by the programmatic nature of Typed Views. The declarative approach used by XML views comes with many benefits; for example, the code is often more readable and easier to support.

Throughout this documentation, the code examples mainly use XML views.

• XML View
  The XML view type is defined in an XML file, with a file name ending in .view.xml. The file name and the folder structure together specify the name of the view that equals the OpenUI5 module name.
• Typed View
  A view can also be defined by extending the sap.ui.core.mvc.View class. Such a view is referred to as a typed view. This means the view definition represents its own view class.
• Instantiating Views
  To instantiate views asychronously, OpenUI5 provides the factory method View.create defined in module sap/ui/core/mvc/View.
• JSON View (deprecated)
  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 OpenUI5 module name within the modularization concept.
• View Cloning (deprecated)
  For normal controls, view cloning bases on control settings that are described by OpenUI5 metadata, such as properties, aggregations, associations, and event handlers. The clone operation collects these settings and creates a new instance.

Related Information

API Reference

This site is open source. Improve this page.