通过键 UI5 从 flexbox 中删除项目

Question

在 UI5 的 Flexbox 中有一个很好的函数，可以将带有键的 insertItem 插入到 Flexbox 中。

https://sapui5.hana.ondemand.com/#/api/sap.m.FlexBox%23methods/insertItem

不过我找不到任何可以通过按键从 flexbox 中删除项目的函数。事实上，删除项目的文档描述性不强。如何从 Flexbox 中删除项目？

我正在向 Flexbox 中插入令牌。

const hbox = new sap.m.HBox();
const key = 1;
hbox.insertItem(new sap.m.Token({
    text: text
}), key);

Answer 1

不是key，而是要插入item的位置的索引。这是我们在索引 0 处插入一项然后删除它的代码。

sap.ui.define([
  'sap/m/Token',
  'sap/m/HBox',
  'sap/m/Text'
], function (Token, HBox) {
  const hbox = new HBox();
  hbox.insertItem(new Token({
    text: "text"
  }, 0));
  hbox.placeAt("content")

  const found = hbox.getItems()[0]
  hbox.removeItem(found)

});

我希望您考虑使用适当的 MVC 而不必直接操作 FlexBox 中的项目。

谢谢

通过键 UI5 从 flexbox 中删除项目

Remove item from flexbox by key UI5

javascript

sapui5