SAPUI5 - 与现有 XML 表的数据绑定

【问题标题】：SAPUI5 - Data binding to existing XML TableSAPUI5 - 与现有 XML 表的数据绑定
【发布时间】：2015-07-29 13:27:11
【问题描述】：

我在 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 中，我想像这样将数据绑定到表：

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

this._oView 是当前视图，模型是 oDataModel。

但我得到一个错误：

uncaught typeError: bindRows is not a function

知道这怎么可能吗？谢谢

【问题讨论】：

标签： javascript xml data-binding sapui5

【解决方案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>

【讨论】：