如何在MVC应用程序中实现谷歌搜索文本框？

Question

我有一个MVC应用程序。其中我有一个文本框根据文本框的值我想列出从数据库搜索项目到网格在视图中没有回传。如果这个问题是错误的，我是MVC的新手，请更正我。

Answer 1

如果你是新来的ASP.NET MVC我建议这些教程，他们是免费的。

​​

要回答你的问题，你需要做以下（高电平）

1. 写一些JavaScript/JQuery的，使一个Ajax请求发送的文本框的值，这应该开枪KeyUp事件稍微延迟一段时间后，也输入x数量字符后获得一些有意义的结果。

2. 该Ajax请求将调用一个控制器操作，您可以在其中执行数据库查找，这将返回JSON。

3. 你的JavaScript应该呈现的结果，使用户可以选择一个结果，这将填充文本框，然后用户可以点击搜索按钮进行搜索

http://jqueryui.com/autocomplete是一个插件，可以做大部分我上面提到的客户端功能。

这是一个很好的ASP.NET MVC AJAX教程：

http://pluralsight.com/training/players/PSODPlayer?author=scott-allen&name=mvc3-building-ajax&mode=live&clip=0&course=aspdotnet-mvc3-intro

UPDATE

1. 你的JavaScript应该呈现的结果，使用户可以选择一个结果，这将填充文本框，然后用户可以点击搜索按钮，或者这可以在没有最后一次点击的情况下被触发，无论如何，你将不得不重新绑定/渲染你应用的选定过滤器的网格，这必须是另一个AJAX请求。

你可能要考虑使用的这些人帮助与数据绑定和AJAX调用

Flexigrid：http://flexigrid.info/

jQuery的电网：http://www.trirand.com/blog/

jqGridView ：http://plugins.jquery.com/project/jqGridView

英格丽：http://reconstrukt.com/ingrid/

SlickGridhttp://github.com/mleibman/SlickGrid

数据表http://www.datatables.net/index