使用asp.net mvc自动完成下拉列表

时间:2011-01-17 09:47:36

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

我的创建文档模板视图中有一个下拉列表 <%=Html.DropDownList("Part", (SelectList)ViewData["Part"])%>
由数据库填充的{{1}}。 我希望这个下拉列表能够自动完成。我怎么能做到这一点?

3 个答案:

答案 0 :(得分:7)

使用例如jQueryUI(甚至与MVC 3一起打包)

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

答案 1 :(得分:0)

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

您可以在以下网址找到它和相关文档:

http://autocompletedotnet.codeplex.com/

希望它可以提供帮助

答案 2 :(得分:0)

If you want a pure MVC component that you want to use directly in your Razor views - take a look at Shield UI's auto complete combobox.

Sample usage is shown here:

@(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)))