javascript - 如何创建自定义 "autocomplete"asp.net mvc(如谷歌)？

Question

我只是希望了解如何在屏幕上创建以下功能。我过去一直在使用 Webforms，所以我觉得有必要在我被抛在后面之前克服它并开始使用 MVC，可以这么说......因此该项目是在 Asp.NET MVC 中，(和 JQUERY，但已经最近越来越适应它)，所以我觉得现在应该是可行的)

我基本上想要一个自动完成功能。员工文本框不应充当输入，并且当用户键入时，下面的项目应呈现/可见并更新，以达到此效果。我喜欢按相关性/或按时间对它们进行颜色编码。

我认为我有以下问题。

1.) 如何在不点击按钮的情况下提交。

我的 Controller 将返回一个 JSON 结果(我假设这是最好的路线)

2.) 更新/渲染我的结果，无需重新绘制/发布页面

3.) 应用颜色(但在这个阶段是次要的)

我知道它要求很多。所以提前谢谢您。

任何图兹的链接也将不胜感激。

更新我刚刚意识到谷歌的搜索工作方式将是一个完美的例子。文本框上的自动完成功能和结果在您键入时开始显示

Answer 1

当您使用 jQuery 和 MVC3 时，默认的 MVC3 模板也包含 jQuery UI，并具有一个自动完成小部件，可以轻松适应您的需求。

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