easyUI中combotree添加下拉搜索框

在easyUI的combotree下拉框中添加搜索框实现对树数据的过滤

html：

<select id="Datatree" class="easyui-combotree" style="width:400px; height:35px;" 
		data-options="required:true, prompt:'选择xxx(可多选)', panelWidth:400, 
			panelHeight:500,loadFilter:treeLoadFilter,checkbox:true, multiple:true">
</select>

js：

$("#Datatree").combotree({
	url:'xxx',
	onLoadSuccess: function(node, data) {
		var $panel = $("#Datatree").combotree('panel');
        if ($('.tree-panel-before', $panel.parent()).length > 0) {
		    return;
		}
	    $panel.before('<div id="toolbar" class="tree-panel-before" style="padding: 5px 0px 5px 5px;background: #e9edf2;">'
                   	+ '<input id="dosearchx" style="width:380px;height: 38px;"></input></div>');
        $("#dosearchx").searchbox({
			searcher:function(value){
   				$("#Datatree").combotree('setValue',null);
				$.ajax({
					url: "xxx&name="+encodeURIComponent(value),
					type: "post",
					dataType : "json",
					success:function(data){
						$("#Datatree").combotree('setValue',null);
                        $('#Datatree').combotree("tree").tree("loadData", eval(data.treedata));
                    } 
              	});
			},
			prompt:'请输入xxx'
		});
	},
});