How to sort tree at client side?

[livinglegends]

Hi,

Is there any way to sort tree at client side using extjs?

As per requirement, I have to put two options below TreePanel.
My tree is like this

Root
      Child 1
            pqr
            xyz
            abc
     Child 2
             xyz
             abc
             pqr

Options are:
1. Sort by Name
2. Sort by Count

When user press on Sort by Name, all the nodes should be sorted by name and tree should be like below.

Root
      Child 1
            abc
            pqr
            xyz
     Child 2
             abc
             pqr
             xyz

That means, I dont want to sort Child 1 and Child 2.

[livinglegends]

Hi,

Is there any way to sort tree at client side using extjs?

As per requirement, I have to put two options below TreePanel.
My tree is like this

Root
      Child 1
            pqr
            xyz
            abc
     Child 2
             xyz
             abc
             pqr

Options are:
1. Sort by Name
2. Sort by Count

When user press on Sort by Name, all the nodes should be sorted by name and tree should be like below.

Root
      Child 1
            abc
            pqr
            xyz
     Child 2
             abc
             pqr
             xyz

That means, I dont want to sort Child 1 and Child 2.

D

[Condor]

Did you have a look at the API docs for Ext.tree.TreeSorter?

[livinglegends]

Did you have a look at the API docs for Ext.tree.TreeSorter?

Yes...But it also do sorting of Child 1 and Child 2. I want to sort only leaf node.

[Condor]

You will have to call treeSorter.doSort on each Child node separately.

[livinglegends]

Let me explain my full scenario.

I have one tree as shown above and one combo box with two options 1. by name and 2. by count.

When user select any option, tree should get sorted.
How, to sort tree on selection change of combobox?

Because tree get sorted when any operation fire on node.

Please give me some code hint

[Condor]

In that case you don't really need a TreeSorter, you just have to call sort(sortFn) on each child node from the combobox select event handler.

[livinglegends]

what should I write in shortFn? what can be the parameter of it?

plz give me code?

[Condor]

sortFn needs to be a function with two parameters (node1 and node2) that returns -1 if node1 should be before node2, 1 if node1 should be after node2 and 0 if the nodes are equal.

[livinglegends]

How to compare text? I want it to sort alphabetically.

One more thing:
Each node has one attribute count. I want to sort tree by count also.