KnockoutJS Binding handler for Bootstrap TypeAhead plugin
HTML View
```
Enter your text
```
Javascript View Model & Code
``` (function (ko, $) { "use strict"; var my = my || {}; //ViewModel
my.vm = (function () {
var YourText = ko.observable(),
Suggestions = function (searchTerm, callback) {
$.ajax({
type: "POST",
url: '/api/search',
data: { Term: searchTerm },
dataType: 'json',
success: function (data) {
callback(data);
},
error: function () {
callback(['']);
}
});
};
return {
Suggestions: Suggestions,
YourText: YourText
}
})();
// document ready
$(document).ready(function () {
ko.applyBindings(my.vm);
});
})(ko, jQuery);
<p>ASP .Net API Controller.</p>
using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Net.Http; using System.Web.Http;
namespace MvcApplication1.Controllers
{
public class SearchParam
{
public string Term { get; set; }
}
public class SearchController : ApiController
{
public IEnumerable Post(SearchParam data)
{
// Assemble your data here
return new string[] {"John","Mark","Joseph" };
}
}
}
<p>Note: This works with other back-end technologies too, like PhP, classic ASP, etc...</p>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent