是否有基于jQuery库的专业Combobox控件(带有自动提示的下拉列表)?
它应该能够处理大型数据集并具有某些蒙皮选项。一个多列结果列表将是巨大的。我正在使用ASP.NET,但是如果我必须为其编写包装,这不是问题。
我已经在使用第三方控件,但是我遇到了两个供应商控件之间的一些兼容性问题。好吧,我想摆脱这种依赖性。
是否有基于jQuery库的专业Combobox控件(带有自动提示的下拉列表)?
它应该能够处理大型数据集并具有某些蒙皮选项。一个多列结果列表将是巨大的。我正在使用ASP.NET,但是如果我必须为其编写包装,这不是问题。
我已经在使用第三方控件,但是我遇到了两个供应商控件之间的一些兼容性问题。好吧,我想摆脱这种依赖性。
Answers:
不幸的是,我所见过的最好的东西是jquery.combobox,但是它看起来并不像我真正想要在Web应用程序中使用的东西。我认为此控件存在一些可用性问题,但是作为用户,我认为我不知道要开始输入下拉列表才能将其转换为文本框。
我非常喜欢Combo Dropdown Box,但是它仍然具有我想要的一些功能,并且仍然处于alpha状态。除了Alpha字母外,我唯一不喜欢它的原因是,一旦我在组合框中键入内容,原始的下拉列表项就会消失。但是,也许对此有一个设置...或者可能相当容易地添加它。
这些是我所知道的仅有的两个选择。祝您搜索顺利。我很想听听您是否找到了第二种选择。
这看起来非常有前途。这是一个真正的组合-您看到输入的内容。具有我在其他地方未曾见过的很酷的功能:分页结果。
寻找jquery“组合框”的任何人似乎都针对此问题。我的帖子是为那些来到此页面的人们找到“传统”组合框而不是原始问题的答案而写的。以上解决方案都集中在使用输入作为对现有选择值进行过滤和自动补全的手段。(非常适合大型数据集)
如果您正在寻找传统的组合框,即简单的“键入内容或从这些预定义的值中进行选择”(不,我们不会隐藏键入时不匹配的框),那么您可能会发现需要做的是
<select id="combo4" style="width: 200px;"
onchange="$('input#text4').val($(this).val());">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
<input id="text4"
style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />
参见 http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/
应该很容易将其包装到可以转换现有select标签的插件中,尽管我还没有看到这样做。
PS:我看到的“ jQuery Editable Combobox”的主要问题是它仍然是一个选择列表,而且完全可以开始输入新内容并不明显。
sexy-combo项目的新分支现已发布,看起来很有希望:http : //code.google.com/p/ufd/
对于大型数据集,JQuery UI Autocomplete基本上是Jorn Zaeferrer的Autocomplete插件的“官方”版本吗?
我还编写了一个直接的JQuery组合框插件,该插件从用户那里得到了很好的反馈。但是,它显然并不适用于大型数据集。我认为,如果您希望根据用户输入的内容来修剪列表,那么最好使用Jorn的自动完成插件。
另一个不错的插件是Sexy Combo
一个正式的jQuery UI ComboBox / Autocomplete组件正在开发中……(以前是jQuery UI 1.5.x的beta版),请参见jQuery UI Wiki。
更新:
自动完成功能现在是jQuery UI的核心功能,请参阅docs。
我找到了另一个:http : //code.google.com/p/jquery-jec/
似乎也是一个不错的选择。
我在找一样的东西。到目前为止,我最喜欢的一个是ExtJs的这个-除了我还没有使用大型列表对其进行过测试:www.sencha.com/deploy/dev/examples/form/combos.html
这是另一个真正的(!)快速解决方案:http : //jsearchdropdown.sourceforge.net/
例如,SexyCombo的效果非常好,但是可以减慢较长列表的速度。SexyCombo民间UFD快得多,但是对于真正庞大的列表,初始化时间仍然很慢。另外我有时会得到一些!“闪烁”。但是我想在不久的将来会有一些更新。
Sexy-Combo已弃用。Unobtrusive Fast-Filter Dropdown项目中存在进一步的发展。看起来很有希望,因为我有类似的要求。
您为什么不尝试http://jqueryajax.codeplex.com/。它是ASP.NET控件的集合,其中也包含多列下拉列表。
Activewidgets有一个非常漂亮的外观。不知道它在大型数据集上的表现如何。 http://www.activewidgets.com/ui.combo/
我遇到了同样的问题,所以最终我自己做了。
它具有内置的模板系统,因此您可以使结果看起来像您想要的任何东西。在所有主流浏览器上均可使用,并接受数组和json对象。 http://code.google.com/p/custom-combobox/
这是一个非常酷的应用程序:http : //www.xnodesystems.com/动态列表字段不仅具有自动完成功能,还能够进行验证。
我已经尝试过http://jqueryui.com/demos/autocomplete/#combobox,面临的问题是:
结果,我对其进行了一些调整,并且在ASP.NET MVC中对我来说效果很好。我的CSS和小部件脚本版本可以在以下位置找到:http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html
还提供了将MVC模型绑定到自定义值的示例。
强烈推荐Twitter Typeahead:
所有您需要的东西 http://jquerycomboboxtmpl.codeplex.com/
模板下拉菜单