Question

我花了最后几个小时试图找出如何使用Semantic 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"
      }
   ]
}

所以只是澄清一下。输入＆＃34; v＆＃34;在搜索框中，可以看到ID为1的产品。当我按退格键提供＆＃34;＆＃34;返回所有结果。我需要后者来展示元素焦点。似乎没有任何工作可做。

谢谢。

Answer 1

不幸的是，我遇到了和你一样的问题。我有一个解决方法是使用语义UI搜索功能并设置minCharacters = 0.但是，如果你需要一些更专业的下拉菜单功能（例如多选），那么你现在运气不好。

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

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

这将为您提供下拉式 GUI，但只允许您选择单个元素。

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

1 个答案: