如何使sap.ui.mdc.Table支持sap.m.ListBase的属性（如growingScrollToLoad）

sap.ui.mdc.Table是元数据驱动组件，本身不直接暴露sap.m.ListBase的属性，但可以通过获取其底层渲染的sap.m.Table实例来配置滚动加载：

操作步骤 #

1. 获取底层sap.m.Table实例
   mdc Table初始化完成后，通过getInnerTable()方法获取内部实际渲染的sap.m.Table控件。建议在组件渲染完成后执行此操作，比如控制器的onAfterRendering生命周期钩子，或者监听mdc Table的ready事件。

2. 配置滚动加载属性
   对获取到的sap.m.Table实例设置growing、growingScrollToLoad及相关阈值属性。

代码示例 #

XML视图定义mdc Table #

<mdc:Table id="mdcProductTable"
    metaModel="{@odata.cdl: 'myMetaModel'}"
    entitySet="Products"
    delegate="{name: 'sap/ui/mdc/TableDelegate', payload: {tableType: 'Table'}}">
    <!-- 列配置等内容 -->
</mdc:Table>

控制器中配置滚动加载 #

onAfterRendering: function() {
    const oMdcTable = this.byId("mdcProductTable");
    const oInnerTable = oMdcTable.getInnerTable();
    if (oInnerTable) {
        // 开启滚动加载
        oInnerTable.setGrowing(true);
        oInnerTable.setGrowingScrollToLoad(true);
        // 设置每次滚动加载的数据量
        oInnerTable.setGrowingThreshold(15);
    }
}

额外说明 #

• 如果使用JSON模型，需要自行实现滚动触发时的数据加载逻辑：监听sap.m.Table的updateFinished事件，在滚动到底部时向模型追加新数据。
• 若使用OData V4模型，mdc Table原生支持分页机制，结合上述配置可实现滚动加载的交互效果。

内容的提问来源于stack exchange，提问作者Anne Wu