Question

我在我的Rails红宝石项目中使用Bootstrap Dual Listbox。

我的数据集很大，我想知道是否可以对选项进行分页？

我之所以问是因为我对javascript不太满意，并且我认为解决此问题的方法可能是编辑插件本身的js代码。

Answer 1

您可以使用jQuery分页插件。您可以从GitHub页面下载jQuery Pajinate脚本，并将其包含在您的项目中（以及jQuery），然后可以设置分页器。

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;
}

Answer 2

您可以使用kaminari宝石进行分页。但是要在您的列表中实现分页，您需要拨打ajax。您需要编写一个ajax调用来填充选项列表，然后在每次滚动时都会显示新列表。

为便于参考，请访问此链接，它可能会有所帮助：Bootstrap Dual Listbox items disappear when selected if populated from ajax

Bootstrap Dual Listbox：如何分页选项

2 个答案: