Есть ли способ поместить выбранный элемент jQuery Tokeninput в поле textarea, чтобы сделать его прокручиваемым? - PullRequest
Новая
       38

Есть ли способ поместить выбранный элемент jQuery Tokeninput в поле textarea, чтобы сделать его прокручиваемым?

0 голосов
/ 28 января 2019

Я использую эту кодировку jQuery Tokeninput (http://loopj.com/jquery-tokeninput/). Когда выделенных элементов слишком много, трудно перемещаться вверх и вниз по текстовому полю, поскольку полоса прокрутки отсутствует. Я пытался использовать CSS длясделать поле прокручиваемым, но при перетаскивании выбранного результата полоса прокрутки не будет перемещаться вверх и вниз. 

$(document).ready(function() {

  function tokenInput(id) {

    $("#" + id).tokenInput("<?php echo base_url();?>index.php/ajax/ajax_user", {
      method: "POST",
      theme: "facebook",
      preventDuplicates: true,
      excludeCurrent: true,
      hintText: "Taip Nama Penerima",
      noResultsText: "Tiada Rekod",
      searchingText: "Carian...",
      makeSortable: true

    });
  }

  tokenInput('tokenize');
  tokenInput('tokenize_copy');

});
/*CSS overflow to make div scrollable*/
div.overflow {
  overflow: hidden;
  height: auto;
  max-height: 500px;
  overflow-y: auto;
}
<div class="overflow">
    <input type="text" id="tokenize" name="receiver" />
</div>

Я ожидаю, что когда я перетаскиваю результат jquery tokeninput, чтобы отсортировать его, полоса прокрутки будет двигаться вверх и вниз, но она оставалась статичной.

Помимо использования CSS для обеспечения возможности прокрутки ввода текста, можно вместо этого поместить результат в текстовую область и, если это возможно;как мне это сделать?Поскольку плагин, который я использую, выглядит не так, как будто он может работать с текстовой областью или с редактируемым содержимым div и поддерживает только поля ввода.

...