Adding other extJS third party controls inside BorderLayout

  1. #1

    Adding other extJS third party controls inside BorderLayout

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


  2. #2

    RE: Adding other extJS third party controls inside BorderLayout

    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?
    Geoffrey McGill
    Founder & CEO
  3. #3

    RE: Adding other extJS third party controls inside BorderLayout


    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" "">
    <html xmlns="">
    <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">


Similar Threads

  1. Replies: 0
    Last Post: Apr 19, 2012, 4:52 PM
  2. Replies: 10
    Last Post: Sep 22, 2010, 11:07 PM
  3. Replies: 1
    Last Post: Jun 08, 2010, 1:51 AM
  4. Integrating Third Party Controls
    By mmiocev in forum 1.x Help
    Replies: 2
    Last Post: Mar 03, 2009, 4:53 PM
  5. Replies: 10
    Last Post: Sep 12, 2008, 5:26 PM

Posting Permissions