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.
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>