Question

我正在SAPUI5 / Fiori中开发一个应用程序，我想在每个表的表中实现“Step Input”控件。在Fiori的探索参考中，我复制了控制代码，但我目前收到以下错误：

Core-dbg.js：2711 Uncaught（在promise中）错误：错误：添加元素重复id'[..] - stepInput-decrementBtn'

我的观点如下：

<Table id="lineItemsList" width="auto" items="{/itemsSet}"class="sapUiResponsiveMargin">
            <headerToolbar>
                <Toolbar id="lineItemsToolbar">
                    <Title id="lineItemsHeader" text="{/lineItemListTitle}"/>
                </Toolbar>
            </headerToolbar>
            <columns>
                <Column vAlign="Middle">
                    <Text text="{i18n>detailLineItemTableIDColumn}"/>
                </Column>
                <Column hAlign="Right">
                    <Text text="{i18n>detailLineItemTableUnitNumberColumn}"/>
                </Column>
            </columns>
            <items>
                <ColumnListItem>
                    <cells>
                        <Label id="label1" text="{itemID}"/>
                        <StepInput
                        id="stepInput"
                        value="0"
                        width="120px"
                        min="0"
                        max="15"
                        step="1"
                        editable="true"/>
                    </cells>
                </ColumnListItem>
            </items>
        </Table>

我还测试过给StepInput没有id，但仍然是同样的错误。

Answer 1

我看过你的问题。我根据SAPUI5示例https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.StepInput/preview

进行了一些测试

发现问题来自属性 可编辑 ，如果手动设置为true则会引发您找到的错误。

您有多种选择：

您没有放置此属性，该字段将可编辑且可以使用
将属性的值与模型的元素匹配（如示例中所示），即使值 true

此外，您应该创建一张SAP票证来解决此问题，这是一个标准问题。

希望这会有所帮助！

Answer 2

Almiriad是对的，这是最新版本中的一个奇怪的错误，你可以通过调试StepInput-dbg.js＆gt;＆gt;看到它。递减按钮创建方法被发送两次（因为'setEnaditable'检查聚合并创建按钮）

由于true是可编辑属性的默认值，因此您不需要它：）

SAPUI5 / Fiori：一个视图中的多步输入（重复ID）

2 个答案: