Data Model in einer X4 Web App nutzen

So nutzen Sie ein Data Model in einer X4 Web App:

Legen Sie ein neues Web App Project an, oder öffnen Sie ein vorhandenes Web App Project.
Klicken Sie mit der rechten Maustaste auf den Ordner ViewModels, und wählen Sie New > View Model....
Geben Sie im Dialogfenster File Creation Wizard einen Namen für das View Model ein, und klicken Sie auf Finish.
Ziehen Sie die .datamodel-Datei aus dem Data Model Project per Drag&Drop in das Element Properties in der .viewmodel-Datei.
Daraufhin wird das Dialogfenster Select Entities geöffnet. Hier wählen Sie die Entitäten aus Ihrem Data Model aus, die Sie in der .viewmodel-Datei referenzieren möchten.

In der .viewmodel-Datei werden die Entitäten mit ihren Eigenschaften referenziert. Sie können die Eigenschaften mit ergänzenden Eigenschaften (displayName, readOnly) bearbeiten.

Beispiel:

CODE

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<ViewModel xmlns="http://softproject.de/viewmodel/1.0">
    <Properties>
        <Model path="Demo/Entities/Customer.entity">
            <ModelProperty name="Name" displayName="Name" readOnly="false"/>
            <ModelProperty name="Firstname" readOnly="false"/>
            <ModelObject name="DeliveryAddress" path="Demo/Entities/Address.entity">
                <ModelProperty name="City" readOnly="false"/>
                <ModelProperty name="Zip" readOnly="false"/>
                <ModelProperty name="Street" readOnly="false"/>
            </ModelObject>
            <ModelList name="Order" path="Demo/Entities/Order.entity">
                <ModelProperty name="Product" readOnly="false"/>
                <ModelProperty name="Quantity" readOnly="false"/>
                <ModelObject name="Customer" path="Demo/Entities/Customer.entity">
                    <ModelProperty name="Name" readOnly="false"/>
                    <ModelProperty name="Firstname" readOnly="false"/>
                    <ModelObject name="DeliveryAddress" path="Demo/Entities/Address.entity">
                        <ModelProperty name="City" readOnly="false"/>
                        <ModelProperty name="Zip" readOnly="false"/>
                        <ModelProperty name="Street" readOnly="false"/>
                    </ModelObject>
                </ModelObject>
            </ModelList>
        </Model>
    </Properties>
</ViewModel>

Beispiel für die Einbindung einer .viewmodel-Datei in eine Component:

CODE

<?xml version="1.0" encoding="UTF-8"?>
<DetailComponent xmlns="http://softproject.de/webapp/1.0" viewmodel="ViewModel.viewmodel">
<Properties>
</Properties>
<FlowLayout>
<Header value="Welcome to my new Web App!" />
<TextBox value="#Customer.Name" />
</FlowLayout>
</DetailComponent>