Skip to content

SAPUI5 VS Code Snippets Reference

This document lists all your custom SAPUI5 snippets for JavaScript and XML files in VS Code.

JavaScript / Controller & Formatter Snippets

Prefix	Description
`controller`	SAPUI5 controller with auto namespace and controller name
`fcontroller`	Create UI5 controller with formatter
`format`	Create SAPUI5 formatter file template
`vGetModel`	Get UI5 model and property data (view)
`cGetModel`	Get UI5 model and property data (owner component)
`impController`	Single-line import for sap/ui/core/mvc/Controller
`impFormatter`	Single-line import for a formatter module
`impJSON`	Single-line import for sap/ui/model/json/JSONModel
`impFilter`	Single-line import for sap/ui/model/Filter and FilterOperator

XML / Fragment & View Snippets

Prefix	Description
`frag`	Create SAPUI5 Fragment
`dfrag`	Create SAPUI5 Dialog Fragment with configurable id, type, state, title and begin button
`view`	UI5 XML View with auto controller name
`formatterBind`	Formatter binding for any UI5 control
`fmt`	Formatter quick binding
`table`	SAPUI5 Table with toolbar, search and columns
`tableCurrency`	Currency ObjectNumber binding
`tableStatus`	Status column formatter

XML / Namespaces & Controller

Prefix	Description
`viewControllerName`	Set controllerName in XML view
`viewFormNS`	Form namespace for XML view
`viewCoreNS`	Core namespace for XML view
`viewUnifiedNS`	Unified namespace for XML view
`viewMvcNS`	MVC namespace for XML view
`viewFNS`	F (flexible column layout) namespace for XML view
`viewMNS`	Default M (sap.m) namespace for XML view
`viewAllNS`	Usefull namespaces for XML view

Usage:
Type the snippet prefix in VS Code and press Tab to expand it in your JavaScript or XML files.