要实现智能搜索可以集成jquery的autocomplete插件
下载jquery插件
把插件放到功能目录下然后,在.w的window组件上右键添加插件的js和css文件引用如下:
<resource xid="resource2"> <require xid="require1" url="css!$UI/appdemo/test/process/input/jquery/jquery-ui"/> <require xid="require2" url="$UI/appdemo/test/process/input/jquery/jquery.ui.core"/> <require xid="require2" url="$UI/appdemo/test/process/input/jquery/jquery.ui.position"/> <require xid="require2" url="$UI/appdemo/test/process/input/jquery/jquery.ui.widget"/> <require xid="require2" url="$UI/appdemo/test/process/input/jquery/jquery.ui.autocomplete"/> </resource>
在model的onLoad事件中给要显示智能搜索的input框设置autocomplete
如下:
Model.prototype.modelLoad = function(event) { var id = this.getIDByXID("input1"); var self = this; var selectValues = ["Java","JavaScript","PHP","Python"];//设置智能搜索的源数组 $("#" + id).autocomplete({ minLength : 1, source : selectValues, select : function(event, ui) { self.comp("input1").val(ui.item.value);//把选择的值同步的input中 } }); };
并没有用啊!!
debugger调试具体什么地方有问题