Search code examples
sapui5sap-web-ideweb-ide

oData binding to Simple Form


I'm creating a read only form that will be used to display a summary of information. I need to send a parameter to the backend first before getting the information but I don't seem to see that parameter is reaching it.

It does reach the entity set but it does not show the parameter. Am I binding correctly?

This is on the controller:

onInit: function() {

    var urlEnding = "1000012233";
        var oFilterDist = new sap.ui.model.Filter("ID", 
          sap.ui.model.FilterOperator.EQ, urlEnding);
        var summaryText = this.getView().byId("summaryForm");
        summaryText.bindElement({
            path: "/SummaryScreenSet",
            filters: [oFilterDist]
        });
    }

This is on the View

<VBox class="sapUiSmallMargin" fitContainer="true" 
height="100%" width="100%" justifyContent="End" 
displayInline="true" id="leftVBox" items="{/SummaryScreenSet}">

<items>
    <f:SimpleForm editable="true" layout="ResponsiveGridLayout" id="summaryForm" columnsL="1" columnsXL="1" labelSpanL="5" title="Account Summary" labelSpanM="5">
        <f:content>
            <Label text="Status" id="__label6" design="Bold" class="sizeText"/>
            <ObjectStatus text="{CONTRACT_STATUS}" id="__status6" state="Success" class="boldText"/>
            <Label text="Permit Required" id="__label10" design="Bold" class="sizeText"/>
            <Text text="{PERMIT_REQD}" id="__text32" wrapping="false" class="sizeText"/>
            <Label text="Bill Date | Due Date" id="__label11" design="Bold" class="sizeText"/>
            <Text text="{BILL_DATE} | {DUE_DATE}" id="__text33" wrapping="false" class="sizeText"/>
            <Label text="Last Estimated Date | Next MR Date" id="__label17" design="Bold" class="sizeText"/>
            <Text text="{LAST_PAYMENT_DATE} | {nextMRDate}" id="__text39" wrapping="false" class="sizeText"/>
        </f:content>
    </f:SimpleForm>
 </items>
</VBox>

Solution

  • Going to assume you want a single, specific entry. In that case, what you're looking for is the Entity, not the EntitySet + filter. Coincidentally, here's one I wrote yesterday that works. I've changed the paths and ID's to reflect yours:

    var form = this.getView().byId('summaryForm');
    
    form.bindElement({
        path: "/SummaryScreenSet('" + urlEnding + "')",
        events: {
            change: function() {
                //triggers on error too I think
                form.setBusy(false);
            },
            dataRequested: function() {
                form.setBusy(true);
            }
        }
    });
    

    In that case you don't need the VBOX either, just the form. Don't forget to implement SUMMARYSCREEN_GET_ENTITY or whatever the method is on your DPC_EXT.

    Edit: might want to set editable on the form to false, it shrinks the layout to suit text instead of inputs.