Tokenize2 не заполняет теги автозаполнения - PullRequest
Новая
       12

Tokenize2 не заполняет теги автозаполнения

0 голосов
/ 21 ноября 2018

Я использую плагин tokenize2 для своего проекта.Автоматическое предложение данных для заполнения с внутреннего сервера при использовании типа в текстовом поле.Я мог видеть в элементе проверки ajax запросы и данные отклика, но автоматическое раскрывающееся меню не отображается.Ниже мой код.Будет большая помощь, если кто-нибудь, пожалуйста, направьте меня.Мой код ниже.

HTML-код : 

<script src="https://www.jqueryscript.net/demo/Dynamic-Autocomplete-Tag-Input-Plugin-For-jQuery-Tokenize2/tokenize2.js"></script>

<link rel="stylesheet" href="https://www.jqueryscript.net/demo/Dynamic-Autocomplete-Tag-Input-Plugin-For-jQuery-Tokenize2/tokenize2.css">

    <select class="tokenize-tags" name="tags[]" multiple>
        <?php foreach($selectedTags as $key => $value) { ?>
        <option selected value="{{$value}}"> {{$value}}</option>
        <?php } ?>
    </select>

JQuery-код : 

$('.tokenize-tags').tokenize2({

  dataSource: function(term) {
    var object = $('.tokenize-tags').data('tokenize2'); 

    //console.log(object);

    $.ajax("profile/tags", {
        data: { search: term, start: 0 },
        dataType: 'json',
        success: function(data){
            var $items = [];

            $.each(data, function(k, v){
                $items.push(v);
            });
            //console.log(object);
            object.trigger('tokenize:dropdown:fill', [$items]);
        }
    });
  },
  placeholder: "E.g: test",
  // max number of tags
  tokensMaxItems: 0,

  // allow you to create custom tokens
  tokensAllowCustom: false,

  // max items in the dropdown
  dropdownMaxItems: 10,

  // minimum of characters required to start searching
  searchMinLength: 2,

  // specify if Tokenize2 will search from the begining of a string
  searchFromStart: true,

  // choose if you want your search highlighted in the result dropdown
  searchHighlight: true,

  // custom delimiter
  delimiter: ',',

  // waiting time between each search
  debounce: 0,

  // custom placeholder text
  placeholder: false,

  // enable sortable
  // requires jQuery UI
  //sortable: true,

  // tabIndex
  tabIndex: 0

});

...