完成 Ext 树拖拽节点到 Textfield 控件中

最新推荐文章于 2021-09-17 17:03:46 发布

Ghost_520

最新推荐文章于 2021-09-17 17:03:46 发布

阅读量1.4k

点赞数

分类专栏： Ext 文章标签： ext function delete tree json 扩展

本文链接：https://blog.csdn.net/Ghost_520/article/details/4020601

版权

Ext 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客分享了如何将Ext树的节点拖拽到Textfield控件中的实现方法。作者提供了静态数据的示例，并提到对于动态数据和树节点拖拽保存的处理，可以参考其另一篇帖子。博客中包含工程的下载链接，展示了拖拽前后的效果，并指出主要通过扩展dd树的拖拽事件来完成功能。

摘要由CSDN通过智能技术生成

以前有许多人需要将 tree 的节点拖拽到其他控件中的问题，前段时间已经解决了，现在也将它的源代码贡献上来。

这个树的数据是静态的，没有做动态的，而且树节点的拖拽也没有做过多的处理，如果要知道怎么样做树拖拽保存新节点或者是动态取 json 数据的话，请参照我的另一封帖子 http://topic.csdn.net/u/20090311/09/33f662ca-f476-4aed-8244-8c52f8ca5ba8.html 。

工程下载地址： http://download.csdn.net/source/1093097

拖拽节点到 textfield ，拖拽前

拖拽节点到 textfield ，拖拽后

拖拽 folder 到 textfield ，拖拽前

拖拽 folder 到 textfield ，拖拽后

主要实现方式扩展 dd 树的拖拽事件

JScript code

   
   
    
    
    
    

    
    var
    
     formPanelDropTarget 
    
    =
    
     
    
    new
    
     Ext.dd.DropTarget(formPanelDropTargetEl, {
    ddGroup     : 
    
    '
    
    gridDDGroup
    
    '
    
    ,
    notifyEnter : 
    
    function
    
    (ddSource, e, data) {
        
    
    //
    
    Add some flare to invite drop.
    
    

    
            formPanel.body.stopFx();
        formPanel.body.highlight();
    },
    notifyDrop  : 
    
    function
    
    (ddSource, e, data){                            
        
    
    var
    
     selectedRecord 
    
    =
    
     Ext.getCmp(
    
    "
    
    contacterTree
    
    "
    
    ).getSelectionModel();
                
            
    
    var
    
     node 
    
    =
    
     selectedRecord.getSelectedNode();

        
    
    //
    
     Load the record into the form
    
    

    
        
    
    //
    
        formPanel.getForm().loadRecord(node);
    
    

    
            textField1.setValue(node.id);
        textField2.setValue(node.text);
        textField3.setValue(node.leaf);    
            
        
    
    //
    
     Delete record from the grid.  not really required.
    
    

    
        
    
    //
    
        ddSource.grid.store.remove(selectedRecord);    
    
    

    
                    
        
    
    return
    
    (
    
    true
    
    );
    }
});