PDA

View Full Version : Adding other extJS third party controls inside BorderLayout



youkarthik
Oct 10, 2008, 5:08 AM
 I created a WEb layout using Border Layout / Viewport controls. As coolite is not supporting the extJS treeview. I tried to use the treepanel of the extJSexterndertoolkit (www.codeplex.com/ExtJsExtenderControl) in the west region of the layout, but the treepane of the extJSexternder is not visible, but when i place that control outside the Collite Viewport i can able to see the treeview. Can anyone help me on this.

Regards,
Karthikeyan (http://www.karthikeyan.co.in/)

geoffrey.mcgill
Oct 10, 2008, 12:17 PM
Hi Karthikeyan,

Does the tree extender control happen to work if you add it to the <East> Region?

Can you post a simplified .aspx code sample demonstrating how you have your Page configured?

youkarthik
Oct 13, 2008, 5:08 AM
Hi,

Sorry for my late response.

>>Does the tree extender control happen to work if you add it to the <East> Region?

It is not working in East Region or in any other Coolite control (tabs, Panel etc)

Here is the sample aspx code


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>


<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Assembly="ExtExtenders" Namespace="ExtExtenders" TagPrefix="cc1" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">

<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<asp:ScriptManager ID="ScriptManager2" runat="server">
</asp:ScriptManager>
<ext:ViewPort ID="ViewPort1" runat="server">
<Content>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Collapsible="True" Split="True">
<ext:Panel ID="Panel1" runat="server" Height="100" Title="North">
<Content>
</Content>
</ext:Panel>
</North>
<West Collapsible="true" Split="true">
<ext:Panel ID="Panel4" runat="server" Title="West" Width="175">
<Content>
<cc1:TreePane runat="server" ID="TreePane" enableDD="false" AutoPostBack="true" Height="410px"
autoScroll="true">
<TreeNodes>
<cc1:TreeNode id="root" IsRoot="true" leaf="false" />
<cc1:TreeNode id="Grid" text="Grid Examples" parentNodeId="root" leaf="false" />
<cc1:TreeNode id="griddatabound" text="Data Bound (Autogenerate)" parentNodeId="Grid"
leaf="true" href="griddatabound.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="griddatabound2" text="Data Bound Grid" parentNodeId="Grid" leaf="true"
href="griddatabound2.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="groupgrid" text="Grid with grouping" parentNodeId="Grid" leaf="true"
href="groupgrid.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="GridSqlDataSource" text="Grid using SqlDataSource" parentNodeId="Grid"
leaf="true" href="GridSqlDataSource.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="GridEditing" text="Grid with inline editing" parentNodeId="Grid"
leaf="true" href="GridEditing.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="GridWithHyperlink" text="Grid with hyperlink and image" parentNodeId="Grid"
leaf="true" href="GridWithHyperlink.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="LiveGrid" text="Live Grid" parentNodeId="Grid" leaf="true" href="LiveGrid.aspx"
hrefTarget="CenterPanel" />
<cc1:TreeNode id="DragDropGrids" text="Drag and drop between two grids" parentNodeId="Grid"
leaf="true" href="DragDropGrids.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="TreePaneEx" text="Tree Examples" parentNodeId="root" leaf="false" />
<cc1:TreeNode id="TreePanel" text="Tree from database" parentNodeId="TreePaneEx"
leaf="true" href="TreePanel.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="TreeSource" text="Tree to load source" parentNodeId="TreePaneEx"
leaf="true" href="TreeSource.aspx" />
<cc1:TreeNode id="CheckboxTree" text="Tree with checkboxes" parentNodeId="TreePaneEx"
leaf="true" href="CheckBoxTree.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="Other" text="Other controls" parentNodeId="root" leaf="false" />
<cc1:TreeNode id="ResizableTest" text="Resizable Extender" parentNodeId="Other" leaf="true"
href="ResizableTest.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="CalendarTest" text="Form Controls" parentNodeId="Other" leaf="true"
href="CalendarTest.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="TabTest" text="Tab Panel" parentNodeId="Other" leaf="true" href="TabTest.aspx"
hrefTarget="CenterPanel" />
<cc1:TreeNode id="toolbar" text="ToolBar Extender" parentNodeId="Other" leaf="true"
href="toolbar.aspx" hrefTarget="CenterPanel" />
<cc1:TreeNode id="HtmlEditor" text="HtmlEditor" parentNodeId="Other" leaf="true"
href="HtmlEditor.aspx" hrefTarget="CenterPanel" />
</TreeNodes>
</cc1:TreePane>
</Content>
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel7" runat="server" Title="Center">
<Content>
<ext:FitLayout ID="FitLayout2" runat="server">
</ext:FitLayout>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Content>
</ext:ViewPort>


</form>
</body>
</html>



Regards,
<U>Karthikeyan</U> (http://www.karthikeyan.co.in/)