Question

我有一个UI5应用程序，其中我在XMLView中定义了一个表。我正在使用OData调用后端来检索数据。我是按照以下方式做的。

 var oModel = new sap.ui.model.odata.ODataModel("url to data", true);
            var inputModel = new JSONModel();

            oModel.read("/Products",
                null,
                null,
                false,
                function _OnSuccess(oData, response) {
                    var data = oData.results;
                    inputModel.setData(data);
                },
                function _OnError(error) {
                    console.log(error);
                });

            //set model(s) to current xml view
            this.getView().setModel(inputModel, "inputModel");

如何在不创建JSON模型的情况下执行此操作，我的意思是将oData直接绑定到XMLView。

我已经看到它已经完成但只有JSView，例如：

var oModel = new sap.ui.model.odata.v2.ODataModel("http://admin-   think:88/sap/...",{useBatch : true});
  sap.ui.getCore().setModel(oModel,"model1");

// Create instance of table 
var oTable = new sap.ui.table.Table({
visibleRowCount : 6,
    selectionMode: sap.ui.table.SelectionMode.Single, 
    navigationMode: sap.ui.table.NavigationMode.scrollbar, 
    selectionBehavior: sap.ui.table.SelectionBehavior.RowOnly
});

// First column "Application"
oTable.addColumn(new sap.ui.table.Column({
       label : new sap.ui.commons.Label({
             text : "APPLICATION",
             textAlign : "Center",

       }),
       template : new sap.ui.commons.TextView({
            textAlign:"Center"}).bindProperty("text","model1>Applno"),              
}));

// Bind model to table control    
 oTable.bindRows("model1>/");

这种方式似乎很多工作。我怎么能这样做但是使用XML视图呢？

Answer 1

XML代码：

<mvc:View
    controllerName="sap.m.sample.Table.Table"
    xmlns:l="sap.ui.layout"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m">
    <Table id="idProductsTable"
        inset="false"
        items="{Data>/Table}">
        <columns>
            <Column>
                <Text text="Name" />
            </Column>
            <Column>
                <Text text="id" />
            </Column>
        </columns>
        <items>
            <ColumnListItem>
                <cells>
                    <Text
                        text="{Data>name}" />
                    <Text
                        text="{Data>id}" />
                </cells>
            </ColumnListItem>
        </items>
    </Table>
</mvc:View>

JS代码：

onAfterRendering : function(){
   var oView = this.getView();
   var oTableJSON = new sap.ui.model.json.JSONModel();
   var fnSuccess = function(oEvent,oResponse){
      var Data = {
          Table : oData.results,
      };
      oTableJSON.setData(Data);   
      oView.byId("idProductsTable").setModel(oTableJSON,"Data");
   };
   oModel("/ProductionSet",null,null,true,fnSuccess,fnFail);
}

如何将OData直接绑定到XMLView

1 个答案: