javascript - 在jqxtree中获取Parent的Parent Id在dragEnd事件中拖动

Question

我正在使用 JQXTree，一个示例 Html 代码

<div id='treeA' style='float: left; margin-left: 0px;'>
<ul>
    <li id='home' item-selected='true'>Server</li>
        <li item-expanded='true'>Incoming Data
            <ul>
            <li>FTP Adapter</li>
            <li item-expanded='true'>RDBMS
            <ul>
                         <li draggable="true">ftpConnection1</li>
                         <li id='ftpConnection2'>ftpConnection2</li>
            </ul>
        </li>
    <li>NoSql Adapter</li>
    <li>RSS Adapter</li>
    <li>MQTT Adapter</li>
    <li>ZMQ Adapter</li>
    </ul>
   </li>
 </ul>
</div>

$('#treeA').jqxTree({ allowDrag: true, allowDrop: true,  theme: theme});

在图像中，如果我拖动ftpConnection1，我需要获取父 IDFTP Adapter以及它的父 ID Incoming Data。

我在树上使用 dragEnd 事件

$("#treeA").on('dragEnd', function (item) {  
            console.log(item);
       var droppedToolId = item.args.owner._dragItem.id;
       var parentId = item.args.owner._dragItem.parentId;
});

所以我得到了父 ID，我需要为我丢弃的项目获取父的父 ID。

有什么建议么？

Answer 1

我希望你没有重复的 id 试试

$("#treeA").on('dragEnd', function (item) {  
            console.log(item);
       var droppedToolId = item.args.owner._dragItem.id;
       var parentId = item.args.owner._dragItem.parentId;
       var Pid = $('#'+parentId).parent().attr('id');//get parent
       alert(Pid);
});

Answer 2

试试这个代码片段：

$('#treeA').jqxTree({ allowDrag: true, allowDrop: true, height: '300px', width: '220px', 
                dragEnd: function (item, dropItem, args, dropPosition, tree) {
                    if (item.level != dropItem.level && item.parentId != dropItem.parentId)
                        return false;
                }   
                oldParentId = item.parentId;
                newParentId = dropItem.parentId;          
        });

希望这可以帮助！