javascript - SAPUI5:自定义控件未加载到表 groupHeaderFactory 中

Question

我想创建一个要在 sap.m.Table 中使用的自定义组标题。在我的表的 groupHeaderFactory 中，应该加载自定义控件。 groupHeaderFactory 方法在我的 formatter.js 中定义。我使用文件 CustomGroupHeader.js 创建了一个文件夹控件。目前它应该只返回 sap.m.GroupHeaderListItem。稍后我想向自定义组 header 添加一些自定义功能。但是，我无法设法将自定义控件加载到 formatter.js 中的 GroupHeaderFactory 中。

CustomGroupHeader.js:

sap.sap.ui.define([
    "sap/m/GroupHeaderListItem"
], function (GroupHeaderListItem) {
    "use strict";
    return GroupHeaderListItem.extend("ZPD_Consolidation_Monitor.ZPD_Consolidation_Monitor.controls.CustomGroupHeader", {
        metadata: {
            properties: {
            }
        },
        renderer: function (oRm, oControl) {
            GroupHeaderListItem.render(oRm, oControl);
        }
    });
});

格式化程序.js:

sap.ui.define([
    "sap/m/GroupHeaderListItem",
    "ZPD_Consolidation_Monitor.ZPD_Consolidation_Monitor.controls.CustomGroupHeader"
], function (GroupHeaderListItem, CustomGroupHeader) {
    "use strict";

    return {
        createGroupHeader: function (oGroup) {

            return new CustomGroupHeader();
        }

    };

});

工作列表 XML View :

<Table id="table" width="auto"
                                    items="{ path: '/PID_TrackingSet', filters : [{path: 'Lgnum', operator : 'EQ', value1 : 'NL1'}] , sorter: [{ path: 'Benum', group : true}], groupHeaderFactory: '.formatter.createGroupHeader'}"
                                    noDataText="{worklistView>/tableNoDataText}" busyIndicatorDelay="{worklistView>/tableBusyDelay}" growing="false" growingScrollToLoad="true"
                                    updateFinished="onUpdateFinished" selectionChange="onPress" mode="SingleSelectMaster">
                                    <headerToolbar>
                                        <Toolbar>
                                            <Title id="tableHeader" text="{worklistView>/worklistTableTitle}"/>
                                            <ToolbarSpacer/>
                                            <SearchField id="searchField" tooltip="{i18n>worklistSearchTooltip}" search="onSearch" width="auto" liveChange="onLiveChange"></SearchField>
                                        </Toolbar>
                                    </headerToolbar>
                                    <columns>
                                        <Column id="ColBeNum">
                                            <Text text="{i18n>tableNColumnTitleBenum}" id="tableNColumnTitleBeTyp"/>
                                        </Column>
                                        <Column id="ColPid">
                                            <Text text="{i18n>tableNColumnTitlePid}" id="tableNColumnTitlePid"/>
                                        </Column>
                                        <Column id="ColBinid">
                                            <Text text="{i18n>tableNColumnTitleBinid}" id="tableNColumnTitleBinid"/>
                                        </Column>
                                        <Column id="ColState">
                                            <Text text="{i18n>tableNColumnTitleState}" id="tableNColumnTitleState"/>
                                        </Column>
                                    </columns>
                                    <items>
                                        <ColumnListItem type="Active" press="onPress">
                                            <cells>
                                                <ObjectIdentifier title="{Benum}" titleActive="true" titlePress="onItemTitleClick"/>
                                                <Text text="{Pid}"/>
                                                <Text text="{Binid}"/>
                                                <ObjectNumber number="{ path: 'State' , formatter: '.formatter.formatState'}"/>
                                            </cells>
                                        </ColumnListItem>
                                    </items>
                                </Table>

项目结构: Project Structure

错误消息:原因:错误:无法从 resources/ZPD_Consolidation_Monitor.ZPD_Consolidation_Monitor.controls.CustomGroupHeader.js 加载“ZPD_Consolidation_Monitor.ZPD_Consolidation_Monitor.controls.CustomGroupHeader.js”:404 - 错误

感谢您的帮助!

Answer 1

将格式化程序定义中的依赖项中的点更改为斜杠:

sap.ui.define([
    "sap/m/GroupHeaderListItem",
    "ZPD_Consolidation_Monitor/ZPD_Consolidation_Monitor/controls/CustomGroupHeader"
], function (GroupHeaderListItem, CustomGroupHeader) {
    "use strict";

    return {
        createGroupHeader: function (oGroup) {

            return new CustomGroupHeader();
        }

    };

});