Hi Justin,
Please check how I use the Smart Form component on this simple Smart Form SAPUI5 application. I believe your issue has something to do with the xml view. Apparently, you are using some invalid tags and this may have a bad impact on the smart field controls. Please check the documentation here.
Therefore I have a couple of recommendations to you:
1) Don't use a namespace that is the same as the component namespace. Declare the namespace directly on the View to make your UI components more readable.
2) I couldn't find any documentation for the smart form api related to tags "groups" and "elements". So, I believe it’s safe to get rid of them. It also makes your code more human readable: </sap.ui.comp.smartform:elements> <<-- elements and groups are not part of the smartform api.
3) Check how to declare the namespace and latter how to use it on your xml view:
<mvc:View controllerName="SimpleSmartForm.controller.SmartForm"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc"
xmlns:smartForm="sap.ui.comp.smartform" xmlns:smartField="sap.ui.comp.smartfield"
displayBlock="true" xmlns="sap.m">
4) Check how simpler it is to read the following xml:
<smartForm:SmartForm id="simpleSmartFormId" editable="true">
<smartForm:Group label="Smart Form Group">
<smartForm:GroupElement label="Title">
<smartField:SmartField value="{/resultData/0/title'}" />
</smartForm:GroupElement>
<smartForm:GroupElement label="Description">
<smartField:SmartField value="{/resultData/0/text}" />
</smartForm:GroupElement>
</smartForm:Group>
</smartForm:SmartForm>
5) Smart Forms are made to be used in conjunction with a list selector. So, you need to embed the Smart Form on a page for which the binding gets propagated from the item that is selected (example: Master View Detail sample app). On my sample app, I manually created a JSON model and bound one element at a time to the page's smart form. Please notice that this way isn't the only way of displaying data on a Smart Form. You should bind a navigation property from the main collection (list selector) that points to the data the form is supposed to display. On the above code I have entered the binding and specified I want to display the 1st record it finds on resultData collection.
6) AFAIK: The usage of OData V2 annotations for Smart Forms UI components are limited and the service should deal with them directly. I see you already have a few of them. So, for instance, the annotation "sap:label" will place a label automatically on the smart field when it gets mapped to ktext attribute of the Odata. <Property Name="ktext" Type="Edm.String" MaxLength="40" sap:label="Work Center"/> More options are available to OData V4. To check how each annotation affects each Smart Field control, please check the documentation here. This documentation has both variants for V2 and V4.
7) I don't think you need a local annotation file for what you are trying to achieve. AFAIK: The Smart Form control doesn't work like the Smart Table control in the sense of allowing you to select fields to be displayed from the service's metadata without having to enter them manually on the xml view - like you are doing currently.
In that sense, if this becomes an issue to your design, then you might want to look at the Object Pages. Internally an OP will make usage of a Smart Form to allow used to edit data. But you don't build manually the Smart Form tags. That's taken care by the OP and the local annotations. Hope this helps.
Regards, Ivan
Bluesky
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.