我在我的模型類中有一個通用列表。我想在我的視圖中有一個自動完成的文本框,它填充了通用列表中的數據。我怎樣才能做到這一點?。自動完成通用列表MVC 3
-1
A
回答
1
爲此,您需要在服務器端
函數將返回匹配數據的列表,並接受用戶輸入的字符串。
像這樣的事情
public JsonResult AutoComplete(string input) { //Your code goes here }
在視圖中,文本框,你需要綁定的KeyDown事件。你可以爲此獲得jQuery的幫助。在關鍵處理函數中,您將對您在Controller中定義的函數進行Ajax調用。有些事情是這樣的:
$.ajax({ url: '@Url.Action("AutoComplete", "ControllerName")', data: 'input=' + sampleInput, success: function (data) { //Show the UL drop down }, error: function (data) { // Show Error } });
對此你會得到的字符串,您將需要綁定到像「UI」一些HTML元素的列表。完成後,在文本框下方用適當的CSS顯示此UI。使用jQuery,您也可以檢索文本框的像素位置。
當您在MVC(無視圖狀態)中開發應用程序時,不能在項目中使用Asp.Net自動完成框。我希望你明白這個主意。
1
您可以使用JQuery Autocomplate。 要填充列表,您可以填充來自您的數據對象。 我不記得確切的剃刀語法,但你可以參考這個:
//data is your Model object of type List<String>
var listString = [@foreach(x in data) { '@x',}];
$("#dataList").autocomplete({
source: listString
});
<input id="dataList">
JQuery的Autocomplte http://jqueryui.com/demos/autocomplete/
這是客戶端自動完成,我可以提供服務器端,如果您需要。
相關問題
- 1. 多列自動完成的ASP.Net,MVC
- 2. Flex 3自動完成
- 3. rails 3自動完成(prototypejs)
- 4. JQuery自動完成+ Asp.net MVC
- 5. MVC中的自動完成
- 6. 使用MVC 3級聯文本框自動完成Razor和JQuery
- 7. Rails 3 - 使用jQuery自動完成
- 8. mvc自動完成jquery json列表不顯示
- 9. 通過ajax自動完成
- 10. 通過c#自動完成#
- 11. 自動完成列表更新?
- 12. PyCharm自動完成,類型列表
- 13. 自動完成書籤下拉列表
- 14. Android - 自動完成下拉列表
- 15. TEDIT與自動完成/建議列表
- 16. jQuery自動完成列表項圖標
- 17. 列表視圖自動完成
- 18. 自動完成 - 顯示整個列表
- 19. MVC 3 jQuery UI自動完成不顯示結果
- 20. jQuery的自動完成功能+ ASP.NET MVC 3不顯示結果
- 21. 列式自動完成
- 22. 自動完成Ajax - 按州列出城市完整列表?
- 23. 通過ID使用jQuery自動完成
- 24. CakePHP 3自動完成AJAX響應
- 25. SublimeText 3 Anaconda自動完成bug
- 26. 自動完成的jQuery 3和Bootstrap
- 27. 如何配置AptanaStudio 3自動完成
- 28. JQuery UI的自動完成與MVC 4
- 29. asp.net mvc(剃鬚刀)的自動完成
- 30. ASP.NET MVC jQuery自動完成HtmlHelper
太棒了!可用插件比寫我自己的插件要好10倍。 – ganders 2014-03-27 13:05:32