Как изменить алгоритм поиска для выпадающих списков Semantic UI? - PullRequest
Новая
       19

Как изменить алгоритм поиска для выпадающих списков Semantic UI?

1 голос
/ 27 сентября 2019

Я хочу адаптировать алгоритм поиска в выпадающих списках Semantic UI.Он соответствует только элементам, которые начинаются с текста поиска, но я хочу сопоставить все элементы, которые содержат текст поиска.Можно ли добавить пользовательский поиск? 

<select class="ui search selection dropdown">...</select>

1 Ответ

1 голос
/ 27 сентября 2019

Вы можете инициализировать раскрывающийся список с параметром fullTextSearch, установленным на true для нечеткого совпадения текста в любом месте строки или 'exact' для точного совпадения текста в любом месте строки. 

$('.ui.dropdown').dropdown({ fullTextSearch: true });
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>

<div class="ui search selection dropdown">
  <input type="hidden" name="animal">
  <i class="dropdown icon"></i>
  <div class="default text">Select...</div>
  <div class="menu">
    <div class="item" data-value="0">Cat</div>
    <div class="item" data-value="1">Horse</div>
    <div class="item" data-value="2">Seahorse</div>
    <div class="item" data-value="3">Wildcat</div>
  </div>
</div>
...