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

问题描述 投票:1回答:1

我想通过在单击空字段时显示所有选项,我的语义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?
    });
  }
});

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

javascript semantic-ui
1个回答
2
投票

你可以将minCharacters设置为0.试试这个:

$('.ui.search').search({
  type: 'category',
  maxResults: 70,
  source: categoryContent,
  fullTextSearch: true,
  searchFields: [
    'title',
    'category'
    ],
  onSelect: function(a){
    // do something
  },
  minCharacters: 0
});
© www.soinside.com 2019 - 2024. All rights reserved.