Bootstrap Dual Listbox: Как разбить параметры - PullRequest
Новая
       16

Bootstrap Dual Listbox: Как разбить параметры

0 голосов
/ 28 июня 2018

Я использую Bootstrap Dual Listbox для моего проекта ruby ​​on rails.

У меня большой набор данных, и мне было интересно, возможно ли разбиение на страницы вариантов?

Я спрашиваю, потому что я не очень хорош с javascript, и я думаю, что решение этой проблемы, возможно, заключается в редактировании js-кода самого плагина.

Ответы [ 2 ]

0 голосов
/ 28 июня 2018

Вы можете использовать плагин jQuery pagination. Вы можете скачать скрипт jQuery Pajinate со страницы GitHub и включить его в свой проект (вместе с jQuery), а затем настроить paginator.

Простой пример функции jQuery:

Код HTML: 

<div id="test-list">
<input type="text" class="search" />
<ul class="list">
  <li><p class="name">Guybrush Threepwood</p></li>
  <li><p class="name">Murray</p></li>
  <li><p class="name">Cannibals</p></li>
  <li><p class="name">Rapp Scallion</p></li>
  <li><p class="name">Rum Rogers Sr.</p></li>
  <li><p class="name">Men of Low Moral Fiber</p></li>
</ul>
<ul class="pagination"></ul>

Код jQuery: 

var demoList = new List('test-list', {
valueNames: ['name'],
page: 3,
pagination: true

});

Код CSS: 

.pagination li {
  display:inline-block;
  padding:5px;
}
0 голосов
/ 28 июня 2018

вы можете использовать kaminari драгоценный камень для нумерации страниц. Но для достижения нумерации страниц в вашем списке вам нужно сделать ajax звонок. вам нужно написать ajax call, чтобы заполнить список опций, и при каждой прокрутке будет появляться новый список.

Для справки перейдите по этой ссылке, это может быть полезно: Элементы Bootstrap Dual Listbox исчезают при выборе, если заполнены из ajax

...