[CLOSED] Tree ItemClick node isExpanded() strange

[xeo4.it]

Hi,
see my example, when I click on the plus icon of collapsed node isExpanded() return true, if I click on the text of node isExpanded() return false.
In ext.net 3.3 I used isExpanded() to expand it in a click, but now with this new behavior I can not know the state of node.
There is a workaround?
Thank you.

Jimmy

<%@ Page Language="C#" %>


<%@ Import Namespace="System.Collections.Generic" %>


<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        Ext.Net.TreePanel tree = new Ext.Net.TreePanel();


        this.PlaceHolder1.Controls.Add(tree);


        tree.ID = "TreePanel1";
        tree.Width = Unit.Pixel(300);
        tree.Height = Unit.Pixel(450);
        tree.Icon = Icon.BookOpen;
        tree.Title = "Catalog";
        tree.AutoScroll = true;


        Ext.Net.Button btnExpand = new Ext.Net.Button();
        btnExpand.Text = "Expand All";
        btnExpand.Listeners.Click.Handler = tree.ClientID + ".expandAll();";


        Ext.Net.Button btnCollapse = new Ext.Net.Button();
        btnCollapse.Text = "Collapse All";
        btnCollapse.Listeners.Click.Handler = tree.ClientID + ".collapseAll();";


        Toolbar toolBar = new Toolbar();
        toolBar.ID = "Toolbar1";
        toolBar.Items.Add(btnExpand);
        toolBar.Items.Add(btnCollapse);
        tree.TopBar.Add(toolBar);


        StatusBar statusBar = new StatusBar();
        statusBar.ID = "StatusBar1";
        statusBar.AutoClear = 1000;
        tree.BottomBar.Add(statusBar);


        tree.Listeners.ItemClick.Fn = "nodeClick";


        Ext.Net.Node root = new Ext.Net.Node()
                                {
                                    Text = "Composers"
                                };
        root.Expanded = true;
        tree.Root.Add(root);


        List<Composer> composers = this.GetData();


        foreach (Composer composer in composers)
        {
            Ext.Net.Node composerNode = new Ext.Net.Node()
                                            {
                                                Text = composer.Name,
                                                Icon = Icon.UserGray
                                            };
            root.Children.Add(composerNode);


            foreach(Composition composition in composer.Compositions)
            {
                Ext.Net.Node compositionNode = new Ext.Net.Node()
                                                    {
                                                        Text = composition.Type.ToString()
                                                    };
                composerNode.Children.Add(compositionNode);


                foreach (Piece piece in composition.Pieces)
                {
                    Ext.Net.Node pieceNode = new Ext.Net.Node()
                                                {
                                                    Text = piece.Title,
                                                    Icon = Icon.Music,
                                                    Leaf = true
                                                };
                    compositionNode.Children.Add(pieceNode);
                }
            }
        }
    }


    public class Composer
    {
        public Composer(string name) { this.Name = name; }
        public string Name { get; set; }


        private List<Composition> compositions;
        public List<Composition> Compositions
        {
            get
            {
                if (this.compositions == null)
                {
                    this.compositions = new List<Composition>();
                }
                return this.compositions;
            }
        }
    }


    public class Composition
    {
        public Composition() { }


        public Composition(CompositionType type)
        {
            this.Type = type;
        }


        public CompositionType Type { get; set; }


        private List<Piece> pieces;
        public List<Piece> Pieces
        {
            get
            {
                if (this.pieces == null)
                {
                    this.pieces = new List<Piece>();
                }
                return this.pieces;
            }
        }
    }


    public class Piece
    {
        public Piece() {}


        public Piece(string title)
        {
            this.Title = title;
        }


        public string Title { get; set; }
    }


    public enum CompositionType
    {
        Concertos,
        Quartets,
        Sonatas,
        Symphonies
    }


    public List<Composer> GetData()
    {
        Composer beethoven = new Composer("Beethoven");


        Composition beethovenConcertos = new Composition(CompositionType.Concertos);
        Composition beethovenQuartets = new Composition(CompositionType.Quartets);
        Composition beethovenSonatas = new Composition(CompositionType.Sonatas);
        Composition beethovenSymphonies = new Composition(CompositionType.Symphonies);


        beethovenConcertos.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "No. 1 - C" },
            new Piece{ Title = "No. 2 - B-Flat Major" },
            new Piece{ Title = "No. 3 - C Minor" },
            new Piece{ Title = "No. 4 - G Major" },
            new Piece{ Title = "No. 5 - E-Flat Major" }
        });


        beethovenQuartets.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Six String Quartets" },
            new Piece{ Title = "Three String Quartets" },
            new Piece{ Title = "Grosse Fugue for String Quartets" }
        });


        beethovenSonatas.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Sonata in A Minor" },
            new Piece{ Title = "sonata in F Major" }
        });


        beethovenSymphonies.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "No. 1 - C Major" },
            new Piece{ Title = "No. 2 - D Major" },
            new Piece{ Title = "No. 3 - E-Flat Major" },
            new Piece{ Title = "No. 4 - B-Flat Major" },
            new Piece{ Title = "No. 5 - C Minor" },
            new Piece{ Title = "No. 6 - F Major" },
            new Piece{ Title = "No. 7 - A Major" },
            new Piece{ Title = "No. 8 - F Major" },
            new Piece{ Title = "No. 9 - D Minor" }
        });


        beethoven.Compositions.AddRange(new List<Composition>{
            beethovenConcertos,
            beethovenQuartets,
            beethovenSonatas,
            beethovenSymphonies
        });




        Composer brahms = new Composer("Brahms");


        Composition brahmsConcertos = new Composition(CompositionType.Concertos);
        Composition brahmsQuartets = new Composition(CompositionType.Quartets);
        Composition brahmsSonatas = new Composition(CompositionType.Sonatas);
        Composition brahmsSymphonies = new Composition(CompositionType.Symphonies);


        brahmsConcertos.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Violin Concerto" },
            new Piece{ Title = "Double Concerto - A Minor" },
            new Piece{ Title = "Piano Concerto No. 1 - D Minor" },
            new Piece{ Title = "Piano Concerto No. 2 - B-Flat Major" }
        });


        brahmsQuartets.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Piano Quartet No. 1 - G Minor" },
            new Piece{ Title = "Piano Quartet No. 2 - A Major" },
            new Piece{ Title = "Piano Quartet No. 3 - C Minor" },
            new Piece{ Title = "Piano Quartet No. 3 - B-Flat Minor" }
        });


        brahmsSonatas.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Two Sonatas for Clarinet - F Minor" },
            new Piece{ Title = "Two Sonatas for Clarinet - E-Flat Major" }
        });


        brahmsSymphonies.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "No. 1 - C Minor" },
            new Piece{ Title = "No. 2 - D Minor" },
            new Piece{ Title = "No. 3 - F Major" },
            new Piece{ Title = "No. 4 - E Minor" }
        });


        brahms.Compositions.AddRange(new List<Composition>{
            brahmsConcertos,
            brahmsQuartets,
            brahmsSonatas,
            brahmsSymphonies
        });




        Composer mozart = new Composer("Mozart");


        Composition mozartConcertos = new Composition(CompositionType.Concertos);


        mozartConcertos.Pieces.AddRange(new List<Piece> {
            new Piece{ Title = "Piano Concerto No. 12" },
            new Piece{ Title = "Piano Concerto No. 17" },
            new Piece{ Title = "Clarinet Concerto" },
            new Piece{ Title = "Violin Concerto No. 5" },
            new Piece{ Title = "Violin Concerto No. 4" }
        });


        mozart.Compositions.Add(mozartConcertos);


        return new List<Composer>{ beethoven, brahms, mozart };
    }
</script>


<!DOCTYPE html>


<html>
<head runat="server">
    <title></title>


    <script type="text/javascript">


        var nodeClick = function(item, record, node, index, e) {
            
            var nd = item.store.getNodeById(record.id);


            alert(nd.isExpanded());


        }
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />


        <asp:PlaceHolder ID="PlaceHolder1" runat="server" />
    </form>
</body>
</html>

[fabricio.murta]

Hello Jimmy!

Try:

tree.Listeners.BeforeItemMouseDown.Fn = "nodeClick";

hope this helps!

[xeo4.it]

Hi Fabricio,
with BeforeItemMouseDown it works fine.
But I resolved my problem with <ext:TreeView ID="TreeView1" runat="server" ToggleOnClick="true"/>
Thank you

Jimmy

[fabricio.murta]

Great! I was really wondering whether defining the view settings would be troublesome for you, thanks for sharing this option here too!