【问题标题】:JQuery sortable/selectable plugin with drag'n'drop?带有拖放功能的 JQuery 可排序/可选插件?
【发布时间】:2011-11-02 17:49:49
【问题描述】:

首先,我不是 JS 开发人员,所以如果我问的是一个过于笼统、以前问过或复杂的问题,我深表歉意。我正在寻找的功能是我想要两个 HTML 列表,在加载时第一个是空的,我希望用户从第二个列表中选择他喜欢的项目并将它们拖到第一个列表中(应该是可排序的,因此用户可以设置他喜欢的顺序)。是否有一个易于使用的插件?

我真的很喜欢这两个插件的想法和外观..

http://www.emposha.com/javascript/fcbkcomplete.html

http://loopj.com/jquery-tokeninput/

http://code.drewwilson.com/entry/autosuggest-jquery-plugin

有一些不同的东西,但是文本字段中的那些“气泡”是处理它的好方法(从用户体验的角度来看)。只是为了能够有一个空的文本字段,它下面有可用的气泡,并且能够将它们拖到文本字段中,只是那些用户想要的(没有自动完成功能,只是从它们的一些列表中拖动,可能在可用的文本字段中排序会好的)。也许有一个类似的插件可以做到这一点。

另一件事是,它是表单的一部分,所以我需要能够将这些拾取的元素与表单一起发送到服务器,每个元素都有它的位置。我知道,我要求的太多了,但任何帮助都会帮助我。

【问题讨论】:

  • 很抱歉在这里粗鲁,但您建议:jquery 并使用关键字sortable。你真的试过搜索吗?在 google 上搜索 jquery sortable 时,第一个结果链接到:jqueryui.com/demos/sortable,根据您的描述,它包含您需要的所有内容。 ?!
  • 我知道,你是对的,但我希望有人知道更好的解决方案。我对实践中的 javascript 了解不多,我是一名 Ruby 开发人员。我当然知道jquery-ui sortable,但它并不完全符合我的需求。抱歉,我只是问一下。
  • 如果您的列表不长,为什么不直接使用<select size="5" multiple="multiple">...?还是您需要漂亮的 UI?
  • 因为几件事。我需要排序(这些项目实际上是服务器上的方法,它会在提交表单后以确切的顺序在对象上运行),需要漂亮的 UI,因为此功能将由非技术人员操作,因此需要可视化并且没有干扰他们到底在调用什么(两个列表的原因,一个带有选项,一个带有选择的选项,拖放以方便使用)。

标签: javascript jquery jquery-plugins


【解决方案1】:

尝试使用 Jquery UI

这里是演示链接

http://jqueryui.com/demos/sortable/

http://jqueryui.com/demos/droppable/

编辑

我想你想要的就是这个

http://jqueryui.com/demos/droppable/#shopping-cart

【讨论】:

  • 你是对的。 “购物车”是我正在寻找的功能。但是我需要能够通过表单轻松地将其发送到服务器(我喜欢上面提到的那些自动完成插件的第二个原因,因为它们使用的是文本字段,这些气泡可以序列化为一个字符串并在服务器上处理,即如果可以这样做,那就太棒了)。
【解决方案2】:

也许 jQuery UI 对你有用;它由几个方便的辅助函数组成。

看看带有连接列表的可排序:http://jqueryui.com/demos/sortable/#connect-lists

【讨论】:

猜你喜欢
  • 2013-01-11
  • 2019-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-14
相关资源
最近更新 更多