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

Oct 10, 2008, 4: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.

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

Oct 10, 2008, 11:17 AM
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?

Oct 13, 2008, 4:08 AM

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>
<form id="form1" runat="server">

<ext:ScriptManager ID="ScriptManager1" runat="server">
<asp:ScriptManager ID="ScriptManager2" runat="server">
<ext:ViewPort ID="ViewPort1" runat="server">
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Collapsible="True" Split="True">
<ext:Panel ID="Panel1" runat="server" Height="100" Title="North">
<West Collapsible="true" Split="true">
<ext:Panel ID="Panel4" runat="server" Title="West" Width="175">
<cc1:TreePane runat="server" ID="TreePane" enableDD="false" AutoPostBack="true" Height="410px"
<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" />
<ext:Panel ID="Panel7" runat="server" Title="Center">
<ext:FitLayout ID="FitLayout2" runat="server">


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