Skip to content

Commit 75199cc

Browse files
authored
Update concept.md
1 parent f81cd5d commit 75199cc

File tree

1 file changed

+35
-5
lines changed

1 file changed

+35
-5
lines changed

docs/advanced/technical/concept.md

Lines changed: 35 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -133,11 +133,41 @@ This means we no longer consume CDS Views or OData services directly on the fron
133133
The abap2UI5 framework provides binding helpers and handles editable states, field values, and validation—all within ABAP classes. App developers do not need to deal with model configuration or UI binding logic manually.
134134

135135
A typical response from the backend now includes both the UI definition (view) and the data model:
136-
<p align="center">
137-
<img width="500" alt="image" src="https://github.com/user-attachments/assets/d52112e6-b9b7-4e7f-ac7f-825c20620240" />
138-
<br/>
139-
<em>subtitle</em>
140-
</p>
136+
```json
137+
{
138+
"S_FRONT": {
139+
"APP": "Z2UI5_CL_APP_HELLO_WORLD",
140+
"ID": "AD94A1CC76F145E986F4DFCB7D183CC5",
141+
"PARAMS": {
142+
"S_VIEW": {
143+
"XML": " <mvc:View displayBlock=\"true\" height=\"100%\" xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" ..."
144+
}
145+
}
146+
},
147+
"MODEL": {
148+
"XX": {
149+
"NAME": "test"
150+
}
151+
}
152+
}
153+
```
154+
With the XML View:
155+
```xml
156+
<mvc:View xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:form="sap.ui.layout.form" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" height="100%">
157+
<Shell>
158+
<Page title="abap2UI5 - Hello World">
159+
<form:SimpleForm editable="true">
160+
<form:content>
161+
<Title text="Make an input here and send it to the server..."/>
162+
<Label text="Name"/>
163+
<Input value="{/XX/NAME}"/>
164+
<Button press=".eB(['BUTTON_POST'])" text="post"/>
165+
</form:content>
166+
</form:SimpleForm>
167+
</Page>
168+
</Shell>
169+
</mvc:View>
170+
```
141171
A complete picture of the architecture looks like this:
142172

143173
<p align="center">

0 commit comments

Comments
 (0)