Как показать результаты ВСЕХ категорий в поисковом вводе семантического пользовательского интерфейса?

Я хочу, чтобы мой поисковый ввод в семантическом пользовательском интерфейсе вел себя немного больше как раскрывающийся список, показывая ВСЕ параметры при нажатии на пустое поле.

Вот пример jsfiddle, который довольно близок. Работает нормально (с полнотекстовым поиском) после входа...

введите здесь описание изображения

... но способ отображения всего списка не указан. В итоге я попробовал что-то вроде...

$('.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
person neokio    schedule 01.03.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы можете установить minCharacters на 0. Попробуйте это:

$('.ui.search').search({
  type: 'category',
  maxResults: 70,
  source: categoryContent,
  fullTextSearch: true,
  searchFields: [
    'title',
    'category'
    ],
  onSelect: function(a){
    // do something
  },
  minCharacters: 0
});
person jens    schedule 01.03.2018
comment
Ух ты! Неожиданно просто. Благодарю вас! - person neokio; 01.03.2018