顯示在文本框mvc視圖中輸入的結果

我想爲文本框使用一種Intellisense類型，如果用戶在文本框中輸入特定字符，它會自動在文本框下方顯示結果作爲建議。我以前在asp.net中做過這個，但是現在想使用MVC 4來完成這項工作。我正在使用MVC 4和jQuery Mobile。我現在有一個文本框。我需要什麼步驟才能在文本框中獲得結果。顯示在文本框mvc視圖中輸入的結果

@Html.TextBox("name", null, new { id = "SearchBox", @class = "SearchBox" })

想在MVC視圖中使用該文本框的顯示建議結果概念。謝謝。

來源

2014-01-08 Cassini

使用jQuery自動填充 – Nilesh

http://www.codeproject.com/Articles/42490/Using -AvalonEdit-WPF-Text-Editor還有一個關於如何實現智能感知功能的很好的教程。 – Eisenhorn

您可以使用jQuery UI autocomplete插件。基本上你需要設置一個控制器動作，它將被AJAX調用，它將作爲用戶在文本框中輸入的參數term傳遞。此控制器操作應該以JSON結果返回插件將顯示的建議列表。

例如：

public ActionResult Suggest(string term) 
{ 
    // TODO: use the term here to query your data source 
    // and return the suggested results as JSON: 
    var results = new[] 
    { 
     new { id = "1", label = "label 1", value = "value 1" }, 
     new { id = "2", label = "label 2", value = "value 2" }, 
     new { id = "3", label = "label 3", value = "value 3" }, 
    }; 
    return Json(results, JsonRequestBehavior.AllowGet); 
}

和客戶端上附接插件文本框：

<script type="text/javascript"> 
    $(function() { 
     $('#SearchBox').autocomplete({ 
      source: '@Url.Action("Suggest")', 
      minLength: 3, 
      select: function (evt, ui) { 

      } 
     }); 
    }); 
</script>

來源

2014-01-08 07:21:27

謝謝，我會用它。一旦我實現了它，將標記爲答案。 – Cassini

其工作兄弟，謝謝。我只添加了 – Cassini

代碼在發佈後返回bro後不工作。我可以在網上找到類似的問題，但沒有正確的解決方案。我在佈局中使用此代碼以便在任何地方工作。 – Cassini

顯示在文本框mvc視圖中輸入的結果

回答

相關問題