繁体   English   中英

语义UI反应下拉搜索allowAddition,如何区分onchange事件中的添加?

Semantic UI react dropdown search allowAddition, how to distinguish the addition in onchange event?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在我的程序中,如果用户在下拉列表中选择项目,则onchange事件将触发api调用以自动填充其余字段。 但是,如果用户在下拉列表中添加其自己的项目,则需要对其进行区分,并以不同的方式执行onchange事件。

但是似乎onchange事件道具并没有给出有关此选择(值字段)是否为附加项的任何信息。 onAddItem函数在onchange之后发生,因此也无济于事。 我该怎么办?

1 个回复

onChange事件当前不指示该值是否为新值,但您可以通过遍历这些选项来轻松确定该值。

dropwDownChangeHandler(event, data) {
    let optionIsExisting = false;
    data.options.forEach(option => {
      if (option.value === data.value) optionIsExisting = true;
     });
    console.log(optionIsExisting);
}
2 语义UI下拉菜单可替代“ onChange”事件吗?

这是一个愚蠢的问题,但是我遍历了语义UI站点,并且在这里进行搜索,但找不到解决方案。 要点是:我一直在使用下面的代码和语义下拉列表。 它工作正常–除了我有一个表格组件,用户还可以通过该组件进行选择(触发一个函数)–当他们这样做时,我更新了语义下拉列表以反映当前选择。 。 。 然后触 ...

5 触发语义 UI 下拉菜单的 onChange

简单地说,我希望能够在语义 ui 的下拉列表中触发 onChange 函数。 在这里看到一个小提琴: http : //jsfiddle.net/0mLLscoq/ 我想在不单击下拉列表并关闭它的情况下触发 onchange。 只需以编程方式强制触发。 ...

6 应对语义UI多个搜索下拉问题

我认为我遇到了一个错误,可能与Sematic UI有关。 当我单击下拉菜单并再次单击时(未选择任何内容,而是单击输入字段,光标消失了,现在无法键入任何内容。也可以通过在字段中随机输入内容来复制该内容,然后再次单击输入字段,焦点消失,然后该字段上的任何内容都无法编辑。 https://re ...

2019-02-27 20:43:27 1 210   reactjs
7 语义UI React下拉菜单遮盖了搜索框

我正在开发一个React应用程序,其中使用语义UI React Dropdown,用户可以在其中搜索并选择时区。 以编程方式,下拉列表可以正常工作。 除了该下拉列表之外,该列表的搜索框也将被遮盖。 见下图。 如何重新定位下拉列表? 在这里输入代码 ...

8 带有语义UI的搜索输入React OnChange非常慢

我正在使用语义UI React“输入”组件对数据进行简单的过滤。 数据首先加载,然后我根据用户输入应用搜索过滤器来缩小数据范围。 它可以工作,但是在键入时非常慢。 我看到另一个有类似问题的用户,有人提到onBlur,但这似乎对我不起作用。 这是我的Search组件,它将搜索状态传递回我的其他组件之 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM