将Jquery自动完成添加到Html.EditorFor

时间:2012-07-13 14:31:05

标签: jquery asp.net-mvc razor jquery-autocomplete

我想在我的创建菜单中的编辑器字段中添加自动完成(建议功能)。

我有这个基本的剃刀视图@Html.EditorFor(model => model.Title)和 我想在此添加自动填充功能。

以前我用过

<input type="text" name="q"  data-autocomplete="@Url.Action("QuickSearch", "Person")" />
<input  type="submit"  name="submit"  value="Find FullName" />

我想知道如何实现这一点。

我的Jquery搜索数据自动完成

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
   });
})

1 个答案:

答案 0 :(得分:1)

你仍然可以做你以前的事情

@Html.TextBoxFor(model => model.Title, new { data_autocomplete="/link" })

请注意,这是TextBoxFor而不是EditorFor。另请注意_

中的data_autocomplete

我不确定Url.Action部分。您可能必须通过手动插入URL而不是使用url.action来自己构建URL。