使用 asp.net mvc 自动完成下拉菜单答案

【问题标题】：Autocomplete dropdown using asp.net mvc使用 asp.net mvc 自动完成下拉菜单
【发布时间】：2011-01-17 09:47:36
【问题描述】：

我的 CreateDocumentTemplate ciew
<%=Html.DropDownList("Part", (SelectList)ViewData["Part"])%>
中有一个从数据库填充的下拉列表。我希望这个下拉列表是自动完成的。我怎样才能完成这个？

【问题讨论】：

标签： jquery asp.net-mvc jquery-plugins html-helper

【解决方案1】：

使用例如 jQueryUI（甚至与 MVC 3 一起打包）

http://jqueryui.com/demos/autocomplete/#combobox

【讨论】：

【解决方案2】：

我编写了一个包装 JQuery UI 自动完成小部件的 Asp.Net WebControl。

您可以在以下位置找到它和相关文档：

http://autocompletedotnet.codeplex.com/

希望对你有帮助

【讨论】：

【解决方案3】：

如果您想在 Razor 视图中直接使用纯 MVC 组件，请查看 Shield UI 的 auto complete combobox。

此处显示示例用法：

@(Html.ShieldComboBox()
    .Name("widget")
    .HtmlAttribute("value", "Chart")
    .DataSource(ds => ds.Remote(remote => remote.Read("/api/demo-stats"))
        .Schema(schema => schema.Data("components"))
        .FilterGroup(
            Shield.Mvc.UI.DataSource.FilterCondition.And,
            new object[] {
                new Dictionary<string, object>() {
                    {"path", "name"}, 
                    {"filter", "contains"},
                    {"value", ""}
                }
            }))
    .TextTemplate("{name}")
    .ValueTemplate("{name}")
    .AutoComplete(ac => ac.Enabled(true)))

【讨论】：