Super Simple sample of autocomplete using Jquery and KendoUI (free core)
works fine in sample... http://plnkr.co/edit/BBYXwehUX9cGIbmev2Tf?p=preview
but doesn't work in Web AppBuilder. (I've tried setting it up in postCreate and startup also)
Widget.html
<div>
<p>Kendo UI Animal: try A or B <input id="animal" /></p>
<br />
<p> jquery UI colors: try R or B
<input id="autocomplete1" type="text" name="code" /> </p>
</div>
Widget.js
define(['dojo/_base/declare', 'jimu/BaseWidget'],
function(declare, BaseWidget) {
return declare([BaseWidget], {
baseClass: 'jimu-widget-demo',
postCreate: function() {
this.inherited(arguments);
console.log('postCreate');
},
startup: function() {
this.inherited(arguments);
console.log('startup');
},
onOpen: function(){
console.log('onOpen');
if ($("#autocomplete1").autocomplete !== undefined) {
$("#autocomplete1").autocomplete({
source: ["red", "blue", "green"]
});
}
if ($("#animal").autocomplete !== undefined) {
$("#animal").kendoAutoComplete({
dataSource: ["Ant", "Antelope", "Badger", "Beaver", "Bird"],
change: function () {
alert("aA");
}
});
}
}
});
});