Sapui5 带有标记支持的输入控件

Sapui5 带有标记支持的输入控件,sapui5,Sapui5,是否有支持SAP UI5中标记的控件?类似于将标记词转换为按钮式小部件,类似于我们在Stack Overflow添加标记时看到的情况 我想允许用户在帖子中添加标签。如果有出口,请给我指一下控制室。如果没有,如何在代码中使用标记 使用sap.m.Tokenizer,它可以保存一个或多个sap.m.Token 请参见也许您可以在帖子中添加一个名为“标签”的新字段,并允许用户在其中添加单词。如果要搜索标签,只需搜索包含该字段的标签。如果你找不到真正的小部件,那就给你一个建议 类似于将标记词转换为按钮式

是否有支持SAP UI5中标记的控件?类似于将标记词转换为按钮式小部件,类似于我们在Stack Overflow添加标记时看到的情况

我想允许用户在帖子中添加标签。如果有出口,请给我指一下控制室。如果没有,如何在代码中使用标记


使用
sap.m.Tokenizer
,它可以保存一个或多个
sap.m.Token


请参见

也许您可以在帖子中添加一个名为“标签”的新字段,并允许用户在其中添加单词。如果要搜索标签,只需搜索包含该字段的标签。如果你找不到真正的小部件,那就给你一个建议

类似于将标记词转换为按钮式小部件,类似于我们在Stack Overflow添加标记时看到的情况

我猜您要查找的是,其行为类似于堆栈溢出上的标记输入字段:

实施
  • 该控件有一个名为
    的聚合,可以向其中添加n-
  • 它还提供了在创建新令牌之前等待验证用户输入的函数。当用户按Enter键、从“建议”下拉列表中选择值或焦点离开字段时,将执行该功能
  • 当即将添加新令牌但同一令牌已存在时,将不会添加新令牌
演示
sap.ui.getCore().attachInit(()=>sap.ui.require([
“sap/ui/layout/form/SimpleForm”,
“sap/m/Label”,
“sap/m/MultiInput”,
“sap/m/Token”,
],(SimpleForm、标签、多输入、令牌)=>{
const multiInput=new multiInput().setShowValueHelp(false);
multiInput.addValidator(args=>new Token({
关键字:args.text.trim(),
text:args.text.trim(),
}));
新SimpleForm({
标题:“sap.m.MultiInput”,
内容:[
新标签().setText(“标签”),
多输入,
],
布局:“ResponsiveGridLayout”,
是的,
}).placeAt(“内容”);
}));

使用
sap.m.MultiInput
sap.m.multimbobox
。看见