如何显示所有类别内容导致语义ui搜索输入?

时间:2018-03-01 00:35:35

标签: javascript semantic-ui

我想通过在点击空白字段时显示所有选项,我的语义ui搜索输入表现得更像下拉列表。

Here's a jsfiddle 非常接近。输入后它可以正常工作(使用全文搜索)...

enter image description here

...但未显示显示整个列表的方法。我最终尝试了类似......

$('.ui.search').search({
  type: 'category',
  maxResults: 70,
  source: categoryContent,
  fullTextSearch: true,
  searchFields: [
    'title',
    'category'
    ],
  onSelect: function(a){
    // do something
  }
}).on('click', function(){
  if ($(this).val()=='') {
    $('.ui.search').search('show results', function(){
      // this isn't right...
      // how do you show ALL results when clicking empty imput?
    });
  }
});

但那不对。有关在输入字段为空时显示所有选项的建议吗?

1 个答案:

答案 0 :(得分:2)

您可以将minCharacters设置为0.试一下:

$('.ui.search').search({
  type: 'category',
  maxResults: 70,
  source: categoryContent,
  fullTextSearch: true,
  searchFields: [
    'title',
    'category'
    ],
  onSelect: function(a){
    // do something
  },
  minCharacters: 0
});