语义UI搜索下拉API不会立即调用

Question

我花了最后几个小时来尝试弄清楚如何使用语义UI下拉模块。 我快到了...我的代码可以正常工作，并且可以从远程数据集中检索。 我唯一的问题是，当聚焦于该元素（跳至该元素，单击该元素等）时，该下拉列表不会执行搜索。 聚焦时，我需要它来执行空搜索。 进行空搜索的唯一方法是按空格键，然后按退格键以显示整个数据集。

的JavaScript

$('.qb .product .field').dropdown('setting', {
    apiSettings: {
        url: '<domain>/api/v1/product/find/{query}'
    }
});

的HTML

<div class="ui dropdown floating fluid search selection field">
    <input type="hidden" name="product_id">
    <div class="default text"></div>
</div>

远程JSON对象-并非全部，因为有很多

{  
   "results":[  
      {  
         "id":1,
         "name":"Voluptatem",
         "created_at":"2015-09-23 16:31:29",
         "updated_at":"2015-09-23 16:31:29"
      },
      {  
         "id":2,
         "name":"Excepturi",
         "created_at":"2015-09-23 16:31:29",
         "updated_at":"2015-09-23 16:31:29"
      },
      {  
         "id":3,
         "name":"Something",
         "created_at":"2015-09-23 16:31:29",
         "updated_at":"2015-09-23 16:31:29"
      }
   ]
}

所以只是澄清一下。 在搜索框中输入“ v”时，可以看到ID为1的产品。 当我按退格键提供“”时，将返回所有结果。 我需要后者展示元素的重点。 而且似乎没有任何作用。

谢谢。

Answer 1

不幸的是，我和你有同样的问题。 我遇到的一种解决方法是使用语义UI搜索功能并将minCharacters = 0设置。但是，如果需要下拉菜单的某些更特殊功能（例如，多选），那么您现在就不走运了。

$('.search').search({
    minCharacters: 0,

    apiSettings: {
        ...
        ...
    }
});

这将为您提供类似于 GUI的下拉菜单 ，但仅允许您选择一个元素。