[CLOSED] TreeGrid sort order

  1. #1

    [CLOSED] TreeGrid sort order

    Hi,

    I'm trying to create a tree that has the same order as my datasource. I have some leaf nodes that I want to be the fisrt item. This works for normal TreePanel, but not for the TreeGrid. The treegrid puts all leaf nodes at the bottom.

    How do I get the same order as my datasource ?

    Marc


    <html>
    <head id="Head1" runat="server">
        <title>TreeGrid - Ext.NET Examples</title>
        
        <link href="/resources/css/examples.css" rel="stylesheet" />
        
        <script>
            var formatHours = function (v) {
                if (v < 1) {
                    return Math.round(v * 60) + " mins";
                } else if (Math.floor(v) !== v) {
                    var min = v - Math.floor(v);
                    return Math.floor(v) + "h " + Math.round(min * 60) + "m";
                } else {
                    return v + " hour" + (v === 1 ? "" : "s");
                }
            };        var handler = function (grid, rowIndex, colIndex, actionItem, event, record, row) {
                Ext.Msg.alert('Editing' + (record.get('done') ? ' completed task' : ''), record.get('task'));
            };
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:TreePanel ID="TreePanel1"  
                runat="server"
                Title="Core Team Projects"
                Width="500"
                Height="300"
                Collapsible="true"
                UseArrows="true"
                RootVisible="false"
                MultiSelect="true"
                SingleExpand="true"
                FolderSort="true">
                <Fields>
                    <ext:ModelField Name="task" />
                    <ext:ModelField Name="user" />
                    <ext:ModelField Name="duration" />
                    <ext:ModelField Name="done" Type="Boolean" />
                </Fields>
                <ColumnModel>
                    <Columns>
                        <ext:TreeColumn ID="TreeColumn1" 
                            runat="server"
                            Text="Task" 
                            Flex="2" 
                            Sortable="true"
                            DataIndex="task" />
                        <ext:TemplateColumn ID="TemplateColumn1" 
                            runat="server"
                            Text="Duration" 
                            Flex="1"
                            Sortable="true" 
                            DataIndex="duration" 
                            Align="Center">                        
                            <Template ID="Template1" runat="server">
                                <Html>
                                    {duration:this.formatHours}
                                </Html>
                                <Functions>
                                    <ext:JFunction Name="formatHours" Fn="formatHours" />
                                </Functions>
                            </Template>
                        </ext:TemplateColumn>
                        <ext:Column ID="Column1" 
                            runat="server"
                            Text="Assigned To" 
                            Flex="1" 
                            Sortable="true"
                            DataIndex="user" />
                        <ext:CheckColumn ID="CheckColumn1" runat="server" 
                           Text="Done"
                           DataIndex="done"
                           Width="40"
                           Editable="true"
                           StopSelection="false" />
                        <ext:ActionColumn ID="ActionColumn1" runat="server" 
                            Text="Edit"
                            Width="40"
                            MenuDisabled="true"
                            Align="Center">
                            <Items>
                                <ext:ActionItem Tooltip="Edit task" Icon="PageWhiteEdit" Handler="handler">
                                    <IsDisabled Handler="return !record.data.leaf;" />
                                </ext:ActionItem>
                            </Items>    
                        </ext:ActionColumn>
                    </Columns>    
                </ColumnModel>
                
                <Root>
                    <ext:Node Text="Tasks">
                        <Children>
                            <ext:Node Icon="Folder" Leaf="True">
                                 <CustomAttributes>
                                    <ext:ConfigItem Name="task" Value="I want to be first" Mode="Value" />
                                    <ext:ConfigItem Name="duration" Value="13.25" />
                                    <ext:ConfigItem Name="user" Value="Tommy Maintz" Mode="Value" />
                                </CustomAttributes>
                            </ext:Node>
                            <ext:Node Icon="Folder" Expanded="true">
                                <CustomAttributes>
                                    <ext:ConfigItem Name="task" Value="Project: Shopping" Mode="Value" />
                                    <ext:ConfigItem Name="duration" Value="13.25" />
                                    <ext:ConfigItem Name="user" Value="Tommy Maintz" Mode="Value" />
                                </CustomAttributes>
                                <Children>
                                    <ext:Node Icon="Folder">
                                        <CustomAttributes>
                                            <ext:ConfigItem Name="task" Value="Housewares" Mode="Value" />
                                            <ext:ConfigItem Name="duration" Value="1.25" />
                                            <ext:ConfigItem Name="user" Value="Tommy Maintz" Mode="Value" />
                                        </CustomAttributes>
                                        <Children>
                                            <ext:Node Leaf="true">
                                                <CustomAttributes>
                                                    <ext:ConfigItem Name="task" Value="Kitchen supplies" Mode="Value" />
                                                    <ext:ConfigItem Name="duration" Value="0.25" />
                                                    <ext:ConfigItem Name="user" Value="Tommy Maintz" Mode="Value" />
                                                </CustomAttributes>
                                            </ext:Node>
                                            
                                        </Children>
                                    </ext:Node>
                                </Children>
                            </ext:Node>
                           
                        </Children>
                    </ext:Node>
                </Root>
            </ext:TreePanel>        
        </form>
    </body>
    </html>
    Last edited by Daniil; Jan 28, 2014 at 2:33 AM. Reason: [CLOSED]
  2. #2
    Hi @MarcA,

    You should use FolderSort="false" instead of FolderSort="true" or just remove it, because it is false by default.
    http://docs.sencha.com/extjs/4.2.1/#...cfg-folderSort
  3. #3
    Thanks,

    That solved it.


    Quote Originally Posted by Daniil View Post
    Hi @MarcA,

    You should use FolderSort="false" instead of FolderSort="true" or just remove it, because it is false by default.
    http://docs.sencha.com/extjs/4.2.1/#...cfg-folderSort

Similar Threads

  1. [CLOSED] Order GridPanel Groups in an arbitrary order?
    By dmoore in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 27, 2013, 4:35 AM
  2. [CLOSED] [1.0] Grouping sort order
    By danielg in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 31, 2011, 3:54 PM
  3. TreeGrid multi column sort
    By t316 in forum 1.x Help
    Replies: 4
    Last Post: Jul 19, 2011, 10:46 PM
  4. Replies: 7
    Last Post: Oct 06, 2010, 6:44 PM
  5. grouping view sort or order
    By [WP]joju in forum 1.x Help
    Replies: 3
    Last Post: Jul 22, 2009, 9:11 AM

Tags for this Thread

Posting Permissions