【发布时间】: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