Jquery 引导自动完成不工作
我有这个剧本-Jquery 引导自动完成不工作,jquery,asp.net-mvc,twitter-bootstrap,autocomplete,Jquery,Asp.net Mvc,Twitter Bootstrap,Autocomplete,我有这个剧本- <script type="text/javascript"> $(function () { $('#typeahead').typeahead({ source: function (term, process) { var url = '@Url.Content("~/Invoice/GetNames")'; var cname = [];
<script type="text/javascript">
$(function () {
$('#typeahead').typeahead({
source: function (term, process) {
var url = '@Url.Content("~/Invoice/GetNames")';
var cname = [];
return $.getJSON(url, { term: term }, function (data) {
$.each(data, function (name, id) {
cname.push({ id: id, name: name });
});
return process(cname);
});
}
});
})
</script>
试试这个:
<input type="text" name="names" value="" id="typeahead" data-provide="typeahead" />
[HttpGet]
public JsonResult GetNames(string term)
{
var names = (from u in db.Contacts
where u.name.Contains(term)
select u).ToArray();
// A list of names to mimic results from a database
var results = names.Select(u => new { name = u.name, id = u.Id });
return new JsonResult()
{
Data = results,
JsonRequestBehavior = JsonRequestBehavior.AllowGet
};
}