1

下面是我遇到的问题的一个最小工作示例。

我需要将项目从一棵树拖放到另一棵树。例如从“工具箱”到实际的树。

仅当目标树最初为空时才会出现此问题。

下降到目标树后，我无法在“选择”处理程序中获取相应的树项，该处理程序在下降时触发。该项目没有获得选定（突出显示，彩色）状态，实际上是不可选择的。

如果目标树在开始时包含任何单个项目，则没有问题。

有人可以告诉我我是否缺少smth吗？

    $('#jqxTree').jqxTree({
        height: '300px',
        width: '300px',
        allowDrop: true
    });

    $('#btnTree').jqxTree({
        height: '50px',
        width: '100px',
        allowDrag: true
    });

    $('#jqxTree').on('select', function (event) {
        var args = event.args;
        console.log(args.element);
        var item = $('#jqxTree').jqxTree('getItem', args.element);
        console.log(item); // null
        item = $('#btnTree').jqxTree('getItem', args.element);
        console.log(item); // null
    });
<link href="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxdragdrop.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxbuttons.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxscrollbar.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxpanel.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxtree.js"></script>

<div id='btnTree'>
    <ul>
        <li>Drag Me</li>
    </ul>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id='jqxTree'>
    <ul>
        <!-- <li>Single Item</li> --> <!-- try uncommenting this line, so the target tree has some nodes (as opposed to being empty) -->
        <!-- more items can be here -->
    </ul>
</div>

4

0 回答 0