Question

我正在使用以下语义UI自动完成下拉列表：

$('.ui.dropdown').dropdown({
    minCharacters: 1,
    apiSettings: {
        url: '/api/people?q={query}'
    }
});

它有效，除了我输入＆＃39; abc＆＃39;来自我的服务器的回复按照“abc＆＃39;”，“＆＃39; ab＆＃39;＆＃39; a＆＃39;所以最终的渲染结果是＆＃39; a＆＃39;的建议集，而该字段包含＆＃39; abc＆＃39;。

Semantic UI是否提供了解决此问题的标准方法，还是需要手动实施修复？

显示错误的工作示例：https://jsfiddle.net/633h2wdx/（screencast）

Answer 1

解决方案是在发出新请求时取消先前的请求。语义UI为此提供了一个标志（interruptRequests）。

＆＃13;

$('.ui.dropdown').dropdown({
    minCharacters: 1,
    apiSettings: {
        url: '/api/people?q={query}',
        interruptRequests: true
    }
});

＆＃13;

参考：https://github.com/Semantic-Org/Semantic-UI/blob/master/RELEASE-NOTES.md

在上面的链接中搜索interruptRequest。

Answer 2

您可以使用匹配属性

使用搜索选择时指定如何匹配值。

<强>两个匹配文本和值

<强>值仅与值匹配

文字仅与文本匹配

默认设置为两者

语义UI自动完成响应无序到达

2 个答案: