{"ref":"capability:ui5-data-binding","page":"/capabilities/ui5-data-binding","json":"/capabilities/ui5-data-binding.json","generated":"2026-10-26","drafted_with_ai":true,"entity":{"id":"ui5-data-binding","name":"Data binding","domain":"ui-and-frontend-bridge","ecosystems":["ui5"],"universal":false,"description":"Keeping a control and a model in step in both directions, including the formatting, type conversion and validation that sit between the two.","short":"Keeping a control and a model in step in both directions","core_coverage":{"state":"core-and-community","assessed_at":"2026-08-31","relationship":"unassessed","what_core_does":"Property, aggregation and element binding against JSON, XML, OData V2 and OData V4 models, with binding modes, formatters and types supplied by the framework.","community_adds":"Community libraries wrap the framework's models: [openui5-model-json-crud](artifact:mauriciolauffer-openui5-model-json-crud) lets a JSON model fill itself from a server over fetch, [openui5-model-odata-v2-odatapromise](artifact:mauriciolauffer-openui5-model-odata-v2-odatapromise) and [ui5-antares](artifact:hasanciftci26-ui5-antares) put Promises on OData V2 calls, and [openui5-validator](artifact:mauriciolauffer-openui5-validator) validates a view's fields against a JSON schema.","sources":[{"url":"https://ui5.sap.com/#/topic/68b9644a253741e8a4b9e4279a35c247","title":"SAPUI5 — Data Binding","checked":"2026-08-31","quote":"You use data binding to bind UI elements to data sources to keep the data in sync and allow data editing on the UI."}]},"coverage_by_flavor":{"web-components":{"state":"not-applicable","assessed_at":"2026-09-14","note":"A UI5 Web Component takes data through attributes and properties and takes markup through slots; there is no model or binding engine underneath it. SAP's own documentation puts the pairing with a model in the consuming framework: \"you'll bind the content of the button via the means provided by the framework you're using, and the framework will be the one updating it for you.\"","sources":[{"url":"https://ui5.github.io/webcomponents/docs/getting-started/components-APIs/","title":"Components APIs | UI5 Web Components","checked":"2026-09-14","quote":"Usually, you'll never have to do this manually either, as you'll bind the content of the button via the means provided by the framework you're using, and the framework will be the one updating it for you."},{"url":"https://ui5.github.io/webcomponents/docs/","title":"Introduction | UI5 Web Components","checked":"2026-09-14","quote":"Fully compatible with any current or future web development frameworks such as React, Angular, and Vue, allowing seamless integration into any tech stack."}]}},"history":[{"date":"2026-09-14","field":"coverage_by_flavor.web-components","from":null,"to":"not-applicable","reason":"SAP's UI5 Web Components documentation states a component takes data through attributes, properties and slots and leaves binding it to a model to whichever framework renders it, and openui5-core, the one artifact that provides this capability on the UI5 door, states only the freestyle flavor."},{"date":"2026-10-26","field":"core_coverage.state, core_coverage.relationship","from":"core-only","to":"core-and-community (relationship: unassessed)","reason":"Reassessed against the graph (check:capabilities): independent packages now provide this capability on the UI5 door beside the framework's own binding."},{"date":"2026-10-26","field":"core_coverage.community_adds","from":null,"to":"Community libraries wrap the framework's models: a JSON model that fills itself over fetch, Promises on OData V2 calls, and schema validation of a view's fields.","reason":"Reassessed against the graph (check:capabilities): states the kinds the independent providers add; the option list names every provider."}],"drafted_with_ai":true},"sap_delivery":{"door":"ui5","all":{"built_in":[],"documented_pattern":[],"announced":[],"packages":[{"ref":"artifact:openui5-core","name":"@openui5/sap.ui.core","json":"/artifacts/openui5-core.json"}]},"by_flavor":{"freestyle":{"built_in":[],"documented_pattern":[],"announced":[],"packages":[{"ref":"artifact:openui5-core","name":"@openui5/sap.ui.core","json":"/artifacts/openui5-core.json"}]},"fiori-elements":null,"web-components":null}},"edges":{"use_cases":[],"shared_tasks":[],"related_tasks":[],"options":[{"ref":"artifact:openui5-core","name":"@openui5/sap.ui.core","json":"/artifacts/openui5-core.json","ecosystem":"ui5","origin_ring":"sap-official"},{"ref":"artifact:mauriciolauffer-openui5-model-json-crud","name":"openui5-model-json-crud","json":"/artifacts/mauriciolauffer-openui5-model-json-crud.json","ecosystem":"ui5","origin_ring":"independent"},{"ref":"artifact:mauriciolauffer-openui5-model-odata-v2-odatapromise","name":"openui5-model-odata-v2-odatapromise","json":"/artifacts/mauriciolauffer-openui5-model-odata-v2-odatapromise.json","ecosystem":"ui5","origin_ring":"independent"},{"ref":"artifact:mauriciolauffer-openui5-validator","name":"openui5-validator","json":"/artifacts/mauriciolauffer-openui5-validator.json","ecosystem":"ui5","origin_ring":"independent"},{"ref":"artifact:hasanciftci26-ui5-antares","name":"ui5-antares","json":"/artifacts/hasanciftci26-ui5-antares.json","ecosystem":"ui5","origin_ring":"independent"}],"samples":[{"ref":"artifact:marianfoo-fiori-table-maintenance","name":"fiori-table-maintenance","json":"/artifacts/marianfoo-fiori-table-maintenance.json"},{"ref":"artifact:sap-samples-openui5-fhir-sample-app","name":"openui5-fhir-sample-app","json":"/artifacts/sap-samples-openui5-fhir-sample-app.json"}],"explained_by":[{"ref":"content:the-fourth-way-to-go-offline-in-ui5-and-why-the-service-worker-stays-dumb","name":"The Fourth Way to Go Offline in UI5 (And Why the Service Worker Stays Dumb)","json":"/content/the-fourth-way-to-go-offline-in-ui5-and-why-the-service-worker-stays-dumb.json"},{"ref":"content:the-complete-guide-to-calling-actions-in-ui5-with-custom-code","name":"The Complete Guide to Calling Actions in UI5 with Custom Code","json":"/content/the-complete-guide-to-calling-actions-in-ui5-with-custom-code.json"},{"ref":"content:simple-table-maintenance-in-sap-fiori-using-ui5-smart-controls","name":"Simple Table Maintenance in SAP Fiori Using UI5 Smart Controls","json":"/content/simple-table-maintenance-in-sap-fiori-using-ui5-smart-controls.json"}],"normative_context":[]}}