Mar 28, 2010, 2:37 PM
[CLOSED] [1.0] TreeGrid Filters - Plugins
Hi all,
1 - are GridFilters available for TreeGrid controls? I used them in the code below but the menu does not appear.
2 - more in general, as you can see from image in attachment, code hint shows me a list of plugins available in general for several Ext controls. Are they available for TreeGrid?
For example I saw the same list of Plugins available in the TreePanel control.
Isn't it better, if possible, having listed only those that can be used for the control I am actually working with?
Bit confused!?
Matteo
1 - are GridFilters available for TreeGrid controls? I used them in the code below but the menu does not appear.
2 - more in general, as you can see from image in attachment, code hint shows me a list of plugins available in general for several Ext controls. Are they available for TreeGrid?
For example I saw the same list of Plugins available in the TreePanel control.
Isn't it better, if possible, having listed only those that can be used for the control I am actually working with?
Bit confused!?
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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</title>
<script type="text/javascript">
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");
}
};
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<h1>TreeGrid</h1>
<ext:TreeGrid ID="TreeGrid1" runat="server" Title="Core Team Projects" Width="500"
Height="300" EnableDD="true">
<Columns>
<ext:TreeGridColumn Header="Task" Width="230" DataIndex="Task" />
<ext:TreeGridColumn Header="Duration" Width="100" DataIndex="Duration" Align="Center"
SortType="AsFloat">
<XTemplate ID="XTemplate1" runat="server">
<Html>
{Duration:this.formatHours}
</Html>
<Functions>
<ext:JFunction Name="formatHours" Fn="formatHours" />
</Functions>
</XTemplate>
</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>
<Plugins>
<ext:GridFilters runat="server">
<Filters>
<ext:StringFilter DataIndex="Task" />
</Filters>
</ext:GridFilters>
</Plugins>
</ext:TreeGrid>
</form>
</body>
</html>
ThanxMatteo