10

我正在寻找一个基于多选 jquery 的两列传输小部件,其外观与 twitter bootstrap 兼容。通常,传输选择小部件具有两个相邻的列,用户在其中将他的选择从一列沿两个方向移动到另一列。我已经非常努力地搜索,但找不到任何接近我需要的东西。任何人都可以提出一些建议(没有从头开始写一个)。谢谢。

4

4 回答 4

30

我最终决定从头开始写我自己的。源代码可以在这里找到。以下屏幕截图说明了小部件的外观:

在此处输入图像描述

于 2012-06-23T09:07:56.003 回答
4

user698585 写的小部件已经完成了 99%,是一个很棒的小部件,但是其中存在一些错误,即:

  1. 每当您在两列之间移动值时,该小部件都会使网页跳回顶部。如果您必须向下滚动到小部件,这是一个问题。
  2. 该小部件不支持其中包含空格或 & 符号的标记值。
  3. 没有公开的方法可以使用左侧的值初始化右列,因此如果您使用小部件将选定的值存储在数据库中,则无法在用户使用这些选择时初始化小部件稍后返回页面。

我已将问题通知作者并提供了示例代码修复,但与此同时,如果您遇到这些问题,您可以在此处找到该小部件的固定分支。

感谢 user698585 的辛勤工作!

于 2012-09-07T18:49:21.943 回答
0

这不是两列小部件,但具有相同的功能。在我看来它也更漂亮一点:

http://davidstutz.github.io/bootstrap-multiselect/

于 2013-10-09T17:30:45.020 回答
0

你可以试试 multiselect plugin多选两边都有搜索功能

于 2016-05-25T11:04:08.307 回答