如何在对象页面布局的块视图中将oData模型绑定到表?

时间:2019-04-10 23:33:13

标签: javascript xml odata sapui5 sap-fiori

如何将模型数据从oData实体集响应绑定到xml块视图内的表? 我想直接将模型数据设置/绑定到视图中的表行,而不是通过事件将其绑定到对象页面视图控制器方法中的表行

   Below code from block view:

    <Table id="sponClassTable" growing="true" growingThreshold="5"
inset="false"
    items="{
        path: '/SponClassSet'
    }">

   Binding to table cells in block view:

            <items>
        <ColumnListItem>
            <cells>
                <Text 
                    text="{sponsModel>SponsoredClass}"/>
                <Text
                    text="{sponsModel>ClassType}" />
                <Text
                    text="{sponsModel>IdcRelevant}" />
                <Text
                    text="{sponsModel>SponsClassDesc}" />
                <Text
                    text="{sponsModel>SpClFromDt}" />       
                <Text
                    text="{sponsModel>SpClDefault}" />                      

            </cells>
        </ColumnListItem>
    </items>
</Table>

1 个答案:

答案 0 :(得分:0)

您要将表绑定到不同的模型。

表项绑定到未命名的模型路径:“ / SponClassSet”,而您的Text单元绑定到名为sponsModel text =“ {sponsModel> SponsoredClass}的命名模型? 您的odata模型使用什么名字? Unnamend或sponsModel吗?在代码中搜索方法setModel,或在manifest.json中查看为Odata模型选择的名称。 除此之外,还可以查看OpenUi5文档中如何将视图绑定到数据模型。

<Table id="sponClassTable" growing="true" growingThreshold="5"
inset="false"
    items="{
        path: '/SponClassSet'
    }">

   Same sub-view, here Binding to table rows:
            <items>
        <ColumnListItem>
            <cells>
                <Text 
                    text="{sponsModel>SponsoredClass}"/>
                <Text
                    text="{sponsModel>ClassType}" />
                <Text
                    text="{sponsModel>IdcRelevant}" />
                <Text
                    text="{sponsModel>SponsClassDesc}" />
                <Text
                    text="{sponsModel>SpClFromDt}" />       
                <Text
                    text="{sponsModel>SpClDefault}" />                      

            </cells>
        </ColumnListItem>
    </items>
</Table>