What's New?

[CLOSED] TreeGrid: Header width when treegrid is flexible

  1. #1
    May 06, 2010, 6:08 AM

    [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hi there,


    I'm experiencing some struggle with the TreeGrid, which I suspect is a bug? I would like the width of the grid unspecified so it will fill it's container but that messes up the width of the headers. Strangely enough the width of the rows is as should be. I guess what I'm looking for is a way to add viewConfig: { forceFit: true } to the config. But adding this using CustomConfig does not yield any result.




    I'm using 1.0.0.27864. I've posted up a testcase below which is basically the TreeGrid example with Width and Height removed.


    
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestCase.aspx.cs" Inherits="GUIPrototype.TestCase" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    
		<ext:ResourceManager runat="server"></ext:ResourceManager>
        <ext:TreeGrid 
            runat="server"
            Title="Core Team Projects">
            <Columns>
                <ext:TreeGridColumn Header="Task" Width="230" DataIndex="Task" />
                
                <ext:TreeGridColumn Header="Duration" Width="100" DataIndex="Duration" Align="Center" SortType="AsFloat">
                </ext:TreeGridColumn>
                
                <ext:TreeGridColumn Header="Assigned To" Width="150" DataIndex="User" />
            </Columns>
            
            <Root>
                <ext:TreeNode Text="Tasks">
                    <Nodes>
                        <ext:TreeNode Icon="Folder" Expanded="true">
                            <CustomAttributes>
                                <ext:ConfigItem Name="Task" Value="Project: Shopping" Mode="Value"/>
                                <ext:ConfigItem Name="Duration" Value="13.25" Mode="Raw"/>
                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                            </CustomAttributes>
                            
                            <Nodes>
                                <ext:TreeNode Icon="Folder">
                                    <CustomAttributes>
                                        <ext:ConfigItem Name="Task" Value="Housewares" Mode="Value"/>
                                        <ext:ConfigItem Name="Duration" Value="1.25" Mode="Raw"/>
                                        <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                    </CustomAttributes>
                                    
                                    <Nodes>
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Kitchen supplies" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Groceries" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.4" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Cleaning supplies" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.4" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Office supplies" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.2" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                    </Nodes>
                                </ext:TreeNode>
                                
                                <ext:TreeNode Icon="Folder" Expanded="true">
                                    <CustomAttributes>
                                        <ext:ConfigItem Name="Task" Value="Remodeling" Mode="Value"/>
                                        <ext:ConfigItem Name="Duration" Value="12" Mode="Raw"/>
                                        <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                    </CustomAttributes>
                                    
                                    <Nodes>
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Retile kitchen" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="6.5" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Icon="Folder">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Paint bedroom" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="2.75" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                            
                                            <Nodes>
                                                <ext:TreeNode Leaf="true">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="Task" Value="Ceiling" Mode="Value"/>
                                                        <ext:ConfigItem Name="Duration" Value="1.25" Mode="Raw"/>
                                                        <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                                    </CustomAttributes>
                                                </ext:TreeNode>
                                                
                                                <ext:TreeNode Leaf="true">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="Task" Value="Walls" Mode="Value"/>
                                                        <ext:ConfigItem Name="Duration" Value="1.5" Mode="Raw"/>
                                                        <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                                    </CustomAttributes>
                                                </ext:TreeNode>
                                            </Nodes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Decorate living room" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="2.75" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Fix lights" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.75" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Reattach screen door" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="2" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                    </Nodes>
                                </ext:TreeNode>
                            </Nodes>
                        </ext:TreeNode>
                        
                        <ext:TreeNode Icon="Folder">
                            <CustomAttributes>
                                <ext:ConfigItem Name="Task" Value="Project: Testing" Mode="Value"/>
                                <ext:ConfigItem Name="Duration" Value="2" Mode="Raw"/>
                                <ext:ConfigItem Name="User" Value="Core Team" Mode="Value"/>
                            </CustomAttributes>
                            
                            <Nodes>
                                <ext:TreeNode Icon="Folder">
                                    <CustomAttributes>
                                        <ext:ConfigItem Name="Task" Value="Mac OSX" Mode="Value"/>
                                        <ext:ConfigItem Name="Duration" Value="0.75" Mode="Raw"/>
                                        <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                    </CustomAttributes>
                                    
                                    <Nodes>
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="FireFox" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Safari" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Chrome" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Tommy Maintz" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                    </Nodes>
                                </ext:TreeNode>
                                
                                <ext:TreeNode Icon="Folder">
                                    <CustomAttributes>
                                        <ext:ConfigItem Name="Task" Value="Windows" Mode="Value"/>
                                        <ext:ConfigItem Name="Duration" Value="3.75" Mode="Raw"/>
                                        <ext:ConfigItem Name="User" Value="Darrell Meyer" Mode="Value"/>
                                    </CustomAttributes>
                                    
                                    <Nodes>
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="FireFox" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Darrell Meyer" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Safari" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Darrell Meyer" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Chrome" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Darrell Meyer" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Internet Explorer" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="3" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Darrell Meyer" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                    </Nodes>
                                </ext:TreeNode>
                                
                                <ext:TreeNode Icon="Folder">
                                    <CustomAttributes>
                                        <ext:ConfigItem Name="Task" Value="Linux" Mode="Value"/>
                                        <ext:ConfigItem Name="Duration" Value="0.5" Mode="Raw"/>
                                        <ext:ConfigItem Name="User" Value="Aaron Conran" Mode="Value"/>
                                    </CustomAttributes>
                                    
                                    <Nodes>
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="FireFox" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Aaron Conran" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                        
                                        <ext:TreeNode Leaf="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="Task" Value="Chrome" Mode="Value"/>
                                                <ext:ConfigItem Name="Duration" Value="0.25" Mode="Raw"/>
                                                <ext:ConfigItem Name="User" Value="Aaron Conran" Mode="Value"/>
                                            </CustomAttributes>
                                        </ext:TreeNode>
                                    </Nodes>
                                </ext:TreeNode>
                            </Nodes>
                        </ext:TreeNode>
                    </Nodes>
                </ext:TreeNode>
            </Root>
        </ext:TreeGrid>  
    

    </form>
</body>
</html>
  2. #2
    May 06, 2010, 9:01 AM

    RE: [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hi,

    Your example doesn't reproduce the problem. For me the header column width is 230
    What browser do you use? Is the problem reproducible under all browsers?


    Try to update from SVN and retest
  3. #3
    May 06, 2010, 10:21 AM

    RE: [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hello Vladsch

    That is odd. I have tested in IE7, Firefox 3.6.3 and Chrome 4.1.9 and all display the wrong behaviour. The rows are the correct width, the headers are not. I just updated from SVN to version 1.0.0.25703, rebuilt and checked my testcase again. Still the same result? I'm really at a loss here.
  4. #4
    May 06, 2010, 10:30 AM

    RE: [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hi,

    Please create test project which reproduces the problem, add assemblies and send to the support email
  5. #5
    May 06, 2010, 10:41 AM

    RE: [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hello Vladsch,

    Upon deeper inspection it appeared I was still referencing to older Coolite.Ext.dll instead of Ext.Net.dll. It's fixed now. Thanks a lot for your help and I'm sorry to have wasted your time on such a stupid mistake from my part.
  6. #6
    May 06, 2010, 10:44 AM

    RE: [CLOSED] TreeGrid: Header width when treegrid is flexible

    Hi,

    No problem, thanks for the update

Similar Threads

  1. [CLOSED] Problem with TreeGrid Column Header...
    By RCN in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Mar 12, 2012, 1:22 PM
  2. [CLOSED] Hide the column option(on click of column header) for treegrid
    By AnulekhaK in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 01, 2012, 11:16 AM
  3. [CLOSED] Treegrid - keep header as user scrolls (similar to freeze panes in Excel)
    By fordprefect in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 30, 2011, 6:20 PM
  4. TreeGrid : Header Layout ReRender
    By itali in forum 1.x Help
    Replies: 0
    Last Post: Feb 08, 2011, 6:05 PM

Posting Permissions