要实现智能搜索可以集成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中
			}
		});

	};

运行效果如下:
input