绑定不适用于sapui5的表

debugcn 发表于 Dev

用户名

我创建了xml视图和控制器来绑定数据。我没有任何数据。我错过了什么？

<sap.ui.core.mvc:View controllerName="view.weeklyTasks"
  xmlns="sap.m"
  xmlns:sap.ui.core="sap.ui.core"
  xmlns:sap.ui.core.mvc="sap.ui.core.mvc">
  <Page title="Title">
    <content>
      <Table id="idProductsTable" noDataText="No data" items="{path: '/modelData'}" >
        <columns>
          <Column>
            <Text text="Product" />
          </Column>
          <Column>
            <Text text="Supplier" />
          </Column>
        </columns>
        <items>
          <ColumnListItem counter="0">
            <cells>
              <Text text="{name}"></Text>
              <Text text="{date}"></Text>
            </cells>
          </ColumnListItem>
        </items>
        <headerToolbar>
          <Toolbar>
            <content>
              <Label text="Weekly Tasks"></Label>
            </content>
          </Toolbar>
        </headerToolbar>
      </Table>
    </content>
  </Page>
</sap.ui.core.mvc:View>

sap.ui.controller("view.weeklyTasks", {
  onInit: function() {

    var aData = { modelData : [ 
      {name: "Peter",  date: "01012010"},
      {name: "Petra",  date: "01012011"},
      {name: "Thomas", date: "01012012"},
      {name: "John",   date: "01012013"},
      {name: "Maria",  date: "01012014"}
    ]};



    var oModel = new sap.ui.model.json.JSONModel(aData);
    this.getView().setModel(oModel);
  }
});

法比奥帕戈蒂

好的，现在我可以使事情正常进行了。

1-将以下参数添加到您的引导程序中

data-sap-ui-xx-bindingSyntax="complex"

有关data-sap-ui-xx-binding语法的更多信息：

使用XML视图的控件的数据建模（SAPUI5）

SAP帮助-SAPUI5配置选项

2-您的看法还可以

<Page title="Title">
  <content>
    <Table id="idProductsTable" noDataText="No data" items="{path: '/modelData'}" >
      <columns>
        <Column>
          <Text text="Product" />
        </Column>

        <Column>
          <Text text="Supplier" />
        </Column>
      </columns>

      <items>
        <ColumnListItem >
          <cells>    
            <Text text="{name}"></Text>
            <Text text="{date}"></Text>
          </cells>
        </ColumnListItem>
      </items>
    </Table>
  </content>  
</Page>

3-更新您的控制器以修复JSON格式

onInit: function() {

  var aData = { "modelData" : [ 

    {"name": "Peter",  "date": "01012010"},
    {"name": "Petra",  "date": "01012011"},
    {"name": "Thomas", "date": "01012012"},
    {"name": "John",   "date": "01012013"},
    {"name": "Maria",  "date": "01012014"}
  ]};

  var oModel = new sap.ui.model.json.JSONModel(aData);

  this.getView().setModel(oModel);
  // OR sap.ui.getCore().setModel(oModel);  
}