What's New?

[CLOSED] How to reconfigure TreePanel using JavaScript

  1. #1
    May 30, 2013, 2:24 PM

    [CLOSED] How to reconfigure TreePanel using JavaScript

    Hello All,

    Can you post me an example or at least guidance about a good approach how to reconfigure a tree panel using JavaScript? I tired to search over the internet, but only found that there was reconfigure method in Ext.tree.panel which is no longer exists. All that I need to write a method on client side which would remove all columns and replace it with new fields/columns and data coming from the server.

    Thank you in advance!

    Alexander
    Last edited by Daniil; Jun 04, 2013 at 5:11 AM. Reason: [CLOSED]
  2. #2
    May 30, 2013, 4:17 PM
    Hi @Svr77,

    A TreePanel does have the reconfigure method and it appears to be working.

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>

    <script>
        var reconfigure = function () {
            App.TreePanel1.reconfigure(null, [{
                xtype: "treecolumn",
                dataIndex: "text"
            }, {
                dataIndex: "text"
            }]);
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

         <ext:Button runat="server" Text="Reconfigure" Handler="reconfigure" />

        <ext:TreePanel ID="TreePanel1" runat="server">
            <Root>
                <ext:Node Text="Root (level 0)" Expanded="true">
                    <Children>
                        <ext:Node Text="Node1 (level 1)" Expanded="true">
                            <Children>
                                <ext:Node Text="Node1 (level 2)" Expanded="true">
                                    <Children>
                                        <ext:Node Text="Node1 (level 3)" Leaf="true" />
                                        <ext:Node Text="Node2 (level 3)" Leaf="true" />
                                    </Children>
                                </ext:Node>
                            </Children>
                        </ext:Node>
                        <ext:Node Text="Node2 (level 1)" Expanded="true">
                            <Children>
                                <ext:Node Text="Node1 (level 2)" Expanded="true">
                                    <Children>
                                        <ext:Node Text="Node1 (level 3)" Leaf="true" />
                                        <ext:Node Text="Node2 (level 3)" Leaf="true" />
                                    </Children>
                                </ext:Node>
                            </Children>
                        </ext:Node>
                    </Children>
                </ext:Node>
            </Root>
        </ext:TreePanel>       
    </form>
</body>
</html>
    I would expect it should also work if pass a TreeStore instance as the first parameter.
  3. #3
    May 30, 2013, 4:25 PM
    Also you might be interested to look at these examples.
    https://examples2.ext.net/#/GridPane...n/Meta_config/
    https://examples2.ext.net/#/GridPane..._with_handler/

Similar Threads

  1. Check/Select TreePanel nodes programatically through JavaScript
    By alawibh in forum 2.x Help
    Replies: 4
    Last Post: Apr 17, 2013, 4:13 AM
  2. [CLOSED] TreePanel using PageProxy: expand a path via javascript
    By sbg in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 08, 2013, 7:39 AM
  3. [CLOSED] TreePanel Node Check Through Javascript
    By Patrick_G in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 15, 2012, 3:36 PM
  4. [CLOSED] javascript: has no method getNodeById of a TreePanel
    By CarpFisher in forum 2.x Legacy Premium Help
    Replies: 12
    Last Post: Oct 01, 2012, 6:35 PM
  5. [CLOSED] GridPanel created in Javascript. Reconfigure.
    By supera in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 27, 2012, 2:01 PM

Tags for this Thread

Posting Permissions