Basic knockout-jqAutocomplete samples
HTML
<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
<script src="https://rawgithub.com/rniemeyer/knockout-jqAutocomplete/master/build/knockout-jqAutocomplete.js"></script>
<table>
<tr>
<th>remote data</th>
</tr>
<tr>
<td>
<input data-bind="jqAuto: { source: remoteHandler, value: remoteValue, inputProp: remoteTest, labelProp: 'test', valueProp: 'val', options: { delay: 250 } }" />
</td>
</tr>
<tr>
<td>
<pre data-bind="text: ko.toJSON(remoteValue)"></pre>
<pre data-bind="text: ko.toJSON(remoteTest)"></pre>
</td>
</tr>
</table>
JavaScript
var ViewModel = function() {
this.remoteValue = ko.observable();
this.remoteTest = ko.observable();
this.remoteHandler = function(term, callback) {
setTimeout(function() {
callback([
{ test: term + "-1", val: 1 },
{ test: term + "-2", val: 2 },
{ test: term + "-3", val: 3 },
{ test: term + "-4", val: 4 },
{ test: term + "-5", val: 5 }
]);
}, 500);
}
};
ko.applyBindings(new ViewModel());