[CLOSED] Tree panel should refresh and the selected node should remain.

Hi

I have a tree panel and a form panel, on selction of any node in the tree, the corresponding node name is displayed in the form panel.
I can also edit the name in the form panel. and on click of the save button, the selected node should change the name in the tree panel and the selection should remain.

i have used treepanel.RefreshTree();
but the selection goes off..

Thank you

You can save selected node id and restore selection after reloading, just ensure that all nodes have id

Get selected node id

Code:

---

TreePanel1.getSelectionModel().getSelectedNode().id

---

Select a node after tree reloading

Code:

---

TreePanel1.getNodeById(savedId).select();

---

Hi, this is my code

Code:

---

var CompanyID = parent.TreePanel1.getSelectionModel().getSelectedNode().id;
parent.RefreshTree();
parent.TreePanel1.getNodeById(CompanyID).select();

---

when i do this, it cant find CompanyID

if i remove

Code:

---

parent.RefreshTree();

---

then the tree does not get the edited name.

i guess that your RefreshTree is async operation (for example, direct method) therefore you have to restore node selection in the success callback of direct method

hi,

In

Code:

---

parent.RefreshTree();

---

i just do

Code:

---

TreePanel1.getRootNode().reload();

---

where only child node of the async root node is shown.
so how do i use callback function. or
help me to show all the nodes of the async root node.

'reload' method accepts callback as first argument

Code:

---

tree.getRootNode().reload(function(){
      // restore node selection here
});

---

Quote:

---

help me to show all the nodes of the async root node.

---

Just return all nodes instead direct children only

If you have trubles then it is better to post simple test sample and we will change it as required

Quote:

---

Just return all nodes instead direct children only

---

is there any function of property for this

Because i am doing this

Code:

---

TreePanel1.getRootNode().reload(function () {
                TreePanel1.getNodeById(CompanyID).select();
            });

---

and throw the error Ext.fly error.


Below is my tree panel

Code:

---

<ext:TreePanel Height="600" Layout="Fit" ID="TreePanel1" Lines="true" runat="server" Draggable="false"
    Frame="false" UseArrows="false" AutoScroll="true" Animate="true" EnableDD="false" CollapseFirst="false"
    ContainerScroll="true" Border="false" RootVisible="false" AutoDataBind="true" IDMode="Explicit"
    AutoDestroy="true">
    <Loader>   
        <ext:TreeLoader DataUrl="/Common/GetCompanyTree" PreloadChildren="true">
            <BaseAttributes>
                <ext:Parameter Name="nodeType" Value="node" Mode="Value" />
            </BaseAttributes>
            <BaseParams>
                <ext:Parameter Name="Feature" Value="#{SelectedType}.text" Mode="Raw">
                </ext:Parameter>
            </BaseParams>
        </ext:TreeLoader>       
    </Loader> 
    <Listeners>
        <ContextMenu Handler="#{CompanyMenu}.node = node;node.select();#{CompanyMenu}.showAt(e.getXY());" />
        <AfterRender Handler="RegEvent();" />   
    </Listeners>
    <Root>
        <ext:AsyncTreeNode NodeID='0' Draggable="false" Icon="BuildingKey" Expanded="false" >
        </ext:AsyncTreeNode>
    </Root>
    <DirectEvents>
        <Click Url="/Common/TreeNodeSelection" Before="LoadPage();">
            <ExtraParams>
                <ext:Parameter Name="id" Value="node.id" Mode="Raw" />
                <ext:Parameter Name="text" Value="#{TreePanel1}.getSelectionModel().getSelectedNode().text" Mode="Raw" />
                <ext:Parameter Name="NodeType" Value="#{SelectedType}.text" Mode="Raw" />
            </ExtraParams>
        </Click>
       
    </DirectEvents>
</ext:TreePanel>

---

Can you provide test sample which can be run localy?

NOTE: No further information provided. Marking thread as [CLOSED].

How to select saved item from treepanel after page reload ?... in codebehinde

Code:

---

TreePanel1.getNodeById(CompanyID).select();

---

is absent