SAPUI5：自定义控件未加载到表groupHeaderFactory中

Question

我想创建一个要在sap.m.Table中使用的自定义组标题。 在我表的groupHeaderFactory中，应该加载自定义控件。 groupHeaderFactory方法在我的formatter.js中定义。 我创建了一个带有文件CustomGroupHeader.js的文件夹控件。 此刻，它应该只返回sap.m.GroupHeaderListItem。 稍后，我想向“自定义组标题”中添加一些自定义功能。 但是，我无法在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);
        }
    });
});

formatter.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视图：

<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>

项目结构： 项目结构

错误消息：原因：错误：无法从资源/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();
        }

    };

});