使用zTree编写代码满足以下要求左边一个检索框，底下一棵树，右边显示选中数据 检索框输入时树显示为符合条件的列表

以下是一个简单的示例代码，实现了左边一个检索框，底下一棵树，右边显示选中数据的功能。当检索框输入时，树会根据输入内容动态更新显示列表。

HTML部分：

<input type="text" id="search" placeholder="请输入关键字">
<div id="tree"></div>
<div id="result"></div>

JS部分：

// 初始化树结构
var zNodes = [
    {name:"父节点1", open:true, children:[
        {name:"子节点1"},
        {name:"子节点2"},
        {name:"子节点3"},
        {name:"子节点4"}
    ]},
    {name:"父节点2", open:true, children:[
        {name:"子节点5"},
        {name:"子节点6"},
        {name:"子节点7"},
        {name:"子节点8"}
    ]}
];

// 定义搜索函数
function searchNode() {
    var value = $.trim($("#search").val());
    var treeObj = $.fn.zTree.getZTreeObj("tree");
    var nodes = treeObj.getNodesByParamFuzzy("name", value, null);
    treeObj.hideNodes(treeObj.transformToArray(treeObj.getNodes()));
    treeObj.showNodes(nodes);
    treeObj.expandAll(true);
}

// 初始化树
var setting = {
    view: {
        dblClickExpand: false
    },
    data: {
        simpleData: {
            enable: true
        }
    },
    callback: {
        onClick: function(event, treeId, treeNode) {
            $("#result").text("你选中了：" + treeNode.name);
        }
    }
};
$.fn.zTree.init($("#tree"), setting, zNodes);

// 监听搜索框输入事件
$("#search").on("input", searchNode);

这段代码使用了zTree插件来创建树结构，使用了getNodesByParamFuzzy方法实现模糊搜索，使用了hideNodes和showNodes方法来控制节点的显示和隐藏。在回调函数中，通过选中节点的name属性来更新右侧显示的数据。