Using Examples

[roman.buzuk]

Sorry for mistakes in English.
I am trying to use example from Drag and Drop betweens two TreePanels, but it isn`t working good. When I try to expand folders or drag, I receive error that 'internalId' is null or not object'.
I`m using ASP.NET.
It is code of webform

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="TestTree.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css" />
    <!-- GC -->
<script type="text/javascript" src="js/ext-all.js"></script>
<style type="text/css">
#tree, #tree2 {
    float: left;
    margin: 20px;
}
</style>
<script type="text/javascript" language="javascript">
    Ext.require(['*']);


    Ext.onReady(function () {
        var store = Ext.create('Ext.data.TreeStore', {
            proxy: {
                type: 'ajax',
                url: 'aaa.php'
            },
            root: {
                text: 'Ext JS',
                id: 'src',
                expanded: true
            },
            folderSort: true,
            sorters: [{
                property: 'text',
                direction: 'ASC'
            }]
        });


        var tree = Ext.create('Ext.tree.Panel', {
            id: 'tree',
            store: store,
            width: 250,
            height: 300,
            viewConfig: {
                plugins: {
                    ptype: 'treeviewdragdrop',
                    appendOnly: true
                }
            },
            renderTo: 'ftree'
        });


        var store2 = Ext.create('Ext.data.TreeStore', {
            proxy: {
                type: 'ajax',
                url: 'aaa.php'
            },
            root: {
                text: 'Custom Ext JS',
                id: 'src',
                expanded: true,
                children: []
            },
            folderSort: true,
            sorters: [{
                property: 'text',
                direction: 'ASC'
            }]
        });


        var tree2 = Ext.create('Ext.tree.Panel', {
            id: 'tree2',
            width: 250,
            height: 300,
            store: store2,
            viewConfig: {
                plugins: {
                    ptype: 'treeviewdragdrop',
                    appendOnly: true
                }
            },
            renderTo: 'ftree'
        });
    });
</script>
    <asp:PlaceHolder ID="PlaceHolder1" runat="server"><div id="ftree" /></asp:PlaceHolder>
</asp:Content>

File `aaa.php` is copy of file 'get-nodes.php' from example. Can you explain me, where is error and how to fix it?

[mitchellsimoens]

What Ext JS 4.x.x version are you using?

[roman.buzuk]

4.1.1
As I understand, problem is that, when node is expanded, tree is loaded again. How can I deny that?

[mitchellsimoens]

If a node (not a leaf) has no children specified, it will try to load it via the tree store's proxy. If you give it an empty array, children : [], it shouldn't try to load children.

[roman.buzuk]

Thanks, problem is solved.