Javascript 如何在下拉列表中嵌入fancytree？

我使用fancytree jQuery插件从21个类别的635个列表中选择一个项目。伟大的工具、延迟加载和持久性对我的应用程序特别有用。但是我的窗户上没有房地产了

如何将fancytree嵌入到某种下拉列表中，最好是jQuery UI，因为我已经在加载它以满足其他需求。我可以为下拉列表提供一行的一小部分，从而为fancytree保存整个列

谢谢，

---

比尔

我也面临着同样的问题，我不得不在没有插件或分机的情况下自己动手，如下所示：

我需要向用户显示所选的树分支，并将节点键存储在一个隐藏的输入中，我也在使用jQuery和Bootstrap，但可以随意更改它

HTML：

<div class="form-group">
    <label>Location</label>
    <input id="myLocation" type="hidden" />
    <div class="input-group">
        <span id="myLocation" class="form-control"></span>
        <div class="input-group-append">
            <button class="btn btn-primary tree-opener" data-target="#myFancyTreeID" type="button">...</button>
        </div>
    </div>
    <div id="myFancyTreeID" class="form-control" data-target="#myLocation" style="display:none;"></div>
</div>

$(function () {
    $('.tree-opener').on('click', function () {
        $($(this).data('target')).slideToggle();
    });

    $('#myFancyTreeID').fancytree({
        activate: function (event, data) {
            var node = data.node;
            if (!$.isEmptyObject(node.key)) {
                var $displayControl = $('span' + $tree.data('target'));
                var $valueControl = $('input' + $tree.data('target'));
                $displayControl.html(node.title);
                $valueControl.val(node.key);
                $tree.slideToggle();
            }
        },
        source: { /* …. your data source …. */ }
    });
});

---

这是一个起始代码，您可以按照适合页面的方式重新编码。

说清楚，您是在谈论这个插件吗？是的，就是那个。谢谢你，比尔。有人知道答案吗。。我在寻找同样的答案。