javascript - SAPUI5 - 数据绑定(bind)到现有 XML 表

Question

我在 Web IDE 中创建了一个简单的测试表:

<Table id="testTable" class="navTableControlLayout" growing="true">     
            <headerToolbar id ="testTable_testToolbar">
                <Toolbar id="testToolbar">
                    <Label id="testTitle" text="{viewProperties>/catalogTitleText}" class="sapMH4FontSize" visible="{viewProperties>/catalogTitleVisible}" />
                    <ToolbarSpacer id="testSpacer" />
                </Toolbar>
            </headerToolbar>
</Table>

在我的controller.js中，我想将数据绑定(bind)到表，如下所示:

bindTable: function(){
    var oTable = this._oView.byId('testTable');
    var oTableModel = this._oComponent.getModel('IMF');
    oTable.setModel(oTableModel);
    oTable.bindRows('/FormHdrSet');
}

this._oView 是当前 View ，模型是 oDataModel。

但是我收到错误:

uncaught typeError: bindRows is not a function

知道这怎么可能吗？谢谢

Answer 1

我相信您的 xmlns 默认声明是 sap.m 而不是 sap.ui.table示例为:

<mvc:View
  height="100%"
  controllerName="sap.m.sample.Page"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m">

查看表的聚合，看起来您正在使用 sap.m.Table我的意思是，sap.m.Table 没有任何名为 bindRows 的方法。 Read more here

尽管如此，如果您想使用 sap.ui.table.Table 控件，请在 xml 中声明它。然后你可以使用bindRows对于表

<mvc:View
  height="100%"
  controllerName="sap.m.sample.TableBreadcrumb.Page"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns:table="sap.ui.table"
  xmlns="sap.m">

然后你的表格将如下所示:

<table:Table id="testTable" >     
           ...
</table:Table>