SetActiveTab in GroupTabPanel

  1. #1

    SetActiveTab in GroupTabPanel

    Hi To All

    I am using GroupTabPanel in my application.
    But when I try to set activetab on click of button it gives error as

    The 'ctl00_centercontentplaceholder_Panel8' item does not exist with the 'grpJawLocking' TabPanel.

    coding in aspx page is as follows.
    <asp:Content ID="Content2" ContentPlaceHolderID="centercontentplaceholder" Runat="Server">
         <ext:TabPanel 
                            ID="TabPanel1" 
                            runat="server" 
                            Title="TabPanel" 
                            ActiveTabIndex="0" 
                            TabAlign="Left"                                                 
                            TabPosition="Top"
                            Border="false"           
                            Height="625"   
                            AutoScroll="true"           
                            BodyStyle="border:1px solid #AABBCC; border-top: none;">
                            <Items>
                                <ext:Panel 
                                    ID="TabComplaints" 
                                    runat="server" 
                                    Title="Complaints" 
                                    Icon="GroupError"                                                                         
                                    BodyStyle="background-color:#DDEEFF;"
                                    Layout="Fit"
                                    ButtonAlign="Center"
                                    >                                
                                    <Items>                                
                                      <ext:GroupTabPanel ID="GroupTabPanel1" runat="server" TabWidth="180" Cls="vertical-tabs" AutoScroll="true"  BodyStyle="border:1px solid #82ACCE;" >
                                          <Groups>  
                                             <ext:GroupTab ID="grpJawClicking" runat="server" Cls="topbottompadding">
                                                <Items>
                                                    <ext:Panel ID="Panel5" 
                                                        runat="server" 
                                                        Title="JAW CLICKING" 
                                                        TabTip="JAW CLICKING" 
                                                        StyleSpec="padding:5px;" 
                                                        > 
                                                          <Content>
                                                            <UC:JawClicking ID="ucJawClicking" runat="server" />
                                                          </Content>
                                                        </ext:Panel>
                                                </Items>
                                            </ext:GroupTab>                                                                       
                                             <ext:GroupTab ID="grpJawLocking" runat="server" Cls="topbottompadding">
                                                <Items>
                                                    <ext:Panel ID="Panel8" 
                                                        runat="server" 
                                                        Title="JAW LOCKING" 
                                                        TabTip="JAW LOCKING" 
                                                        StyleSpec="padding:5px;"  
                                                        
                                                        >
                                                         <Items>
                                                            <ext:DisplayField ID="DispJawLocking" runat="server" FieldLabel="JawLocking" ></ext:DisplayField>
                                                          </Items>
                                                        </ext:Panel>    
                                                </Items>
                                            </ext:GroupTab>
    </items>
    <Buttons>
                                        <ext:Button ID="Button1" Text="Save And Move" runat="server">
                                            <DirectEvents>
                                                <Click OnEvent="SaveAndMove"></Click>
                                            </DirectEvents>
                                        </ext:Button>
                                    </Buttons>
    </ext:panel>
    </items>
    </ext:tabpanel>
    
    coding in cs file as follows
    
    protected void SaveAndMove(object sender, EventArgs e)
        {
            if (GroupTabPanel1.ActiveGroupIndex == 0)
            {
                 //GroupTabPanel1.ActiveGroupIndex = 1;
                grpJawLocking.SetActiveTab(0);
                 //GroupTabPanel1.SetActiveGroup(1);
    
            }
    }
    Is any thing wrong with coding?

    thanks in advance
    Rupesh
    Last edited by Daniil; Dec 11, 2010 at 10:55 AM. Reason: Please use [CODE] tags
  2. #2
    Hi,

    Please edit a post wrapping code in [CODE ] tags, see
    http://forums.ext.net/showthread.php...ing-New-Topics
  3. #3
    Hi Daniil

    full code in aspx file is as follows

    <%@ Page Title="" Language="C#" MasterPageFile="~/mysample.master" AutoEventWireup="true"
        CodeFile="sample.aspx.cs" Inherits="sample" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
        <title>New Complaints Of Patient</title>
        <style type="text/css">
            body
            {
                font-size: 12px;
                background-color: #284051;
                font-family: "Trebuchet MS" ,sans-serif;
            }
            .custom
            {
                background-color: gray;
                border: solid 5px gray;
            }
            .custom .x-grouptabs-corner
            {
                background-image: none;
            }
            .custom ul.x-grouptabs-strip li.x-grouptabs-strip-active
            {
                background: #DBDBDB;
                border: none !important;
            }
            .custom ul.x-grouptabs-strip li.x-grouptabs-main
            {
                border: solid 1px white;
            }
            .custom li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active
            {
                background-color: white;
            }
            .vertical-tabs.x-grouptabs-panel
            {
                background: transparent;
                border: none;
                padding: 2px;
            }
            .vertical-tabs.x-grouptabs-panel .x-grouptabs-panel-body
            {
                border-color: #ccc;
            }
            .vertical-tabs.x-grouptabs-panel .x-grouptabs-corner
            {
                background-image: none;
            }
            .vertical-tabs .x-grouptabs-expand
            {
                display: none;
            }
            .vertical-tabs.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active, .vertical-tabs.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active
            {
                -moz-border-radius: 5px 0 0 5px;
                border-color: #284382;
            }
            .vertical-tabs.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active
            {
                -moz-border-radius: 0 5px 5px 0;
            }
            .vertical-tabs.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text
            {
                font-size: 11px; /*padding: 10 20px; /* if you don't expect to use icons for the tabs */ /*  padding: 0 20px; if you don't expect to use icons for the tabs */
                color: #336699;
            }
            .vertical-tabs.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text
            {
                text-align: left;
            }
        </style>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="centercontentplaceholder" runat="Server">
        <ext:TabPanel ID="TabPanel1" runat="server" Title="TabPanel" ActiveTabIndex="0" TabAlign="Left"
            TabPosition="Top" Border="false" Height="625" AutoScroll="true" BodyStyle="border:1px solid #AABBCC; border-top: none;">
            <Items>
                <ext:Panel ID="TabComplaints" runat="server" Title="Complaints" Icon="GroupError"
                    BodyStyle="background-color:#DDEEFF;" Layout="Fit" ButtonAlign="Center">
                    <Items>
                        <ext:GroupTabPanel ID="GroupTabPanel1" runat="server" TabWidth="180" Cls="vertical-tabs"
                            AutoScroll="true" BodyStyle="border:1px solid #82ACCE;">
                            <Groups>
                                <ext:GroupTab ID="grpJawClicking" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel5" runat="server" Title="JAW CLICKING" TabTip="JAW CLICKING"
                                            StyleSpec="padding:5px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField2" runat="server" FieldLabel="JAW CLICKING">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpJawLocking" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel8" runat="server" Title="JAW LOCKING" TabTip="JAW LOCKING" StyleSpec="padding:5px;">
                                            <Items>
                                                <ext:DisplayField ID="DispJawLocking" runat="server" FieldLabel="JawLocking">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpjawPain" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel3" runat="server" Title="JAW PAIN" TabTip="JAW PAIN" StyleSpec="padding:30px;"
                                            Icon="RecordRed">
                                            <Items>
                                                <ext:DisplayField ID="DispjawPain" runat="server" FieldLabel="Jaw Pain">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpOpenMouth" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel6" runat="server" Title="UNABLE TO OPEN MOUTH" TabTip="UNABLE TO OPEN MOUTH"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DispOpenMouth" runat="server" FieldLabel="UNABLE TO OPEN MOUTH">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                
                            </Groups>
                        </ext:GroupTabPanel>
                    </Items>
                    <Buttons>
                        <ext:Button ID="Button1" Text="Save And Move" runat="server">
                            <DirectEvents>
                                <Click OnEvent="SaveAndMove">
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                    </Buttons>
                </ext:Panel>
                <ext:Panel ID="TabExamination" runat="server" Title="Examination" Icon="House" BodyStyle="background-color:#DDEEFF;"
                    Layout="Fit">
                    <Items>
                        <ext:GroupTabPanel ID="GrpExamination" runat="server" TabWidth="180" Cls="vertical-tabs"
                            BodyStyle="border:1px solid #82ACCE;">
                            <Groups>
                                <ext:GroupTab ID="grpTbExamination" runat="server">
                                    <Items>
                                        <ext:Panel ID="plTMJRANGE" runat="server" Title="TMJ RANGE OF MOTION" TabTip="TMJ RANGE OF MOTION"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DispTmjRange" runat="server" FieldLabel="TMJ RANGE">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpTest" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel4" runat="server" Title="TMJ TEST OF PROVOCATION" TabTip="TMJ TEST OF PROVOCATION"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField4" runat="server" FieldLabel="TMJ TEST OF PROVOCATION">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpClinicalExam" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel22" runat="server" Title="CLINICAL EXAM" TabTip="CLINICAL EXAM"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField5" runat="server" FieldLabel="CLINICAL EXAM">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpSTHESTASTICAL" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel23" runat="server" Title="STHESTASTICAL EXAM" TabTip="STHESTASTICAL EXAM"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField6" runat="server" FieldLabel="STHESTASTICAL EXAM">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="GroupTab1" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel24" runat="server" Title="CERVICAL RANGE OF EXAM" TabTip="CERVICAL RANGE OF EXAM"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField7" runat="server" FieldLabel="CERVICAL RANGE OF EXAM">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpManualPalpaltion" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel25" runat="server" Title="MANUAL PALPALATION" TabTip="MANUAL PALPALATION"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField8" runat="server" FieldLabel="MANUAL PALPALATION">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grptmjPalpaltion" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel26" runat="server" Title="TMJ PALPALATION" TabTip="TMJ PALPALATION"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField9" runat="server" FieldLabel="TMJ PALPALATION">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="grpIntraOral" runat="server">
                                    <Items>
                                        <ext:Panel ID="Panel27" runat="server" Title="INTRAORAL EXAM" TabTip="INTRAORAL EXAM"
                                            StyleSpec="padding:30px;">
                                            <Items>
                                                <ext:DisplayField ID="DisplayField10" runat="server" FieldLabel="INTRAORAL EXAM">
                                                </ext:DisplayField>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:GroupTab>
                            </Groups>
                        </ext:GroupTabPanel>
                    </Items>
                </ext:Panel>
                
            </Items>
        </ext:TabPanel>
    </asp:Content>
    
    
    
    full code in .cs file is as follows
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class sample : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
    
        protected void SaveAndMove(object sender, EventArgs e)
        {
            if (GroupTabPanel1.ActiveGroupIndex == 0)
            {
                grpJawLocking.SetActiveTab(0);
            }
            else if (GroupTabPanel1.ActiveGroupIndex == 1)
            {
                grpjawPain.SetActiveTab(0);
            }
            else if (GroupTabPanel1.ActiveGroupIndex == 2)
            {
                grpOpenMouth.SetActiveTab(0);
            }
            else if (GroupTabPanel1.ActiveGroupIndex == 3)
            {
                TabPanel1.ActiveTabIndex = 1;
                GrpExamination.SetActiveGroup(0);
            }
            
        }
    }
    
    
    code in master file is as follows
    
    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="mysample.master.cs" Inherits="mysample" %>
    
    <%@ 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 id="Head1" runat="server">
        <title></title>
        <script src="Javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
    <style type="text/css">
            .west-panel .x-layout-collapsed-west
            {
                background: url(~/Assets/images/collapsed-west.png) no-repeat center;
            }
            .south-panel .x-layout-collapsed-south
            {
                background: url(~/Assets/images/collapsed-south.png) no-repeat center;
            }
            .x-panel .x-panel-bwrap
            {
                overflow: visible;
            }
        </style>
        <asp:ContentPlaceHolder id="head" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form id="MainForm" runat="server" style="background-color: White">
         <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>  
        <div>
            <ext:Viewport ID="Viewport1" runat="server" AutoScroll="true">
            <Items>
                <ext:Panel ID="MainBorderLayoutPanel" AutoWidth="true" HideBorders="true" runat="server"
                    Border="false" Closable="false" Collapsible="false" HideCollapseTool="true" 
                    DefaultCollapsible="false" BodyStyle="background-color: White" Layout="border"
                    Height="800px" AutoScroll="true">
                    <Items>
                        <ext:BorderLayout ID="MainBorderLayout" runat="server">
                            <North>
                                <ext:Panel ID="HolderNorthPanel" runat="server" Height="110px" Border="false" BodyStyle="overflow:visible">
                                    <Items>
                                        <ext:Panel runat="server" ID="HeaderHolderPanel" Height="75px" Border="false">
                                            <Content>
                                                
                                                <strong>Header</strong>
                                            </Content>
                                        </ext:Panel>
                                        <ext:Panel BodyStyle="overflow:visible" runat="server" ID="MenuHolderPanel" Height="35px"
                                            Border="true" BodyBorder="true" Padding="5">
                                            <Items>
                                                <ext:CompositeField ID="CompositeField1" runat="server">
                                                    <Defaults>
                                                        <ext:Parameter Name="Width" Value="100" Mode="Raw"></ext:Parameter>
                                                    </Defaults>
                                                    <Items>
                                                        <ext:Button ID="Button0" runat="server" Text="Add Patient"></ext:Button>
                                                        <ext:Button ID="Button1" runat="server" Text="Scheduling"></ext:Button>
                                                        <ext:Button ID="Button2" runat="server" Text="Visit History"></ext:Button>
                                                        <ext:Button ID="Button3" runat="server" Text="Billing"></ext:Button>
                                                        <ext:Button ID="Button4" runat="server" Text="Medical History"></ext:Button>
                                                        <ext:Button ID="Button5" runat="server" Text="Follow Up"></ext:Button>
                                                        <ext:Button ID="Button6" runat="server" Text="New Complaints"></ext:Button>
                                                        <ext:Button ID="Button7" runat="server" Text="Prescription"></ext:Button>
                                                        <ext:Button ID="Button8" runat="server" Text="Imaging"></ext:Button>
                                                    </Items>
                                                </ext:CompositeField>
                                            </Items>
                                            
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </North>
                            <West CMarginsSummary="0 5" MarginsSummary="0 5">
                                <ext:Panel ID="HolderWestPanel" runat="server" Width="250px" BodyStyle="background-color:white" Collapsed="true" Collapsible="true"
                                Title="Side Menu" Icon="FolderGo" AutoHeight="true"  AutoScroll="true">
                                    
                                </ext:Panel>
                            </West>
                            <Center CMarginsSummary="0 5" MarginsSummary="0 5" MinHeight="800px" MinWidth="300px">
                                <ext:Panel ID="HolderCenterPanel" runat="server" Border="false" AutoHeight="true"
                                    BodyStyle="background-color:white">
                                    <Content>
                                        <asp:ContentPlaceHolder ID="centercontentplaceholder" runat="server">
                                        </asp:ContentPlaceHolder>
                                    </Content>
                                </ext:Panel>
                            </Center>
                            <South MaxHeight="100" CMarginsSummary="10 0" MarginsSummary="10 0">
                                <ext:Panel ID="HolderSouthPanel" runat="server" BodyStyle="background-color:white"
                                    Border="true" BodyBorder="true" AutoHeight="true">
                                    <Content>
                                        <div id="footer">
                                           
                                        </div>
                                    </Content>
                                </ext:Panel>
                            </South>
                        </ext:BorderLayout>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </div>
        </form>
    </body>
    </html>
    Rupesh
    Last edited by Daniil; Dec 11, 2010 at 10:55 AM. Reason: Please use [CODE] tags
  4. #4
    Hi,

    Thank you. Also please use [CODE ] tags. I have already edited your posts. Can you see how much better it looks now?

    Regarding the question

    Please try to set IDMode as Explicit for Panel8.

    Example
    <ext:Panel ID="Panel8" IDMode="Explicit" ...>
  5. #5
    Hi Daniil

    Thanks, It is working now.

    Rupesh

Similar Threads

  1. Replies: 1
    Last Post: Nov 26, 2010, 3:30 PM
  2. setActiveTab causing Activate on tab to execute?
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Sep 02, 2009, 1:02 PM
  3. Tab - Autoload - setActiveTab After Tab loaded
    By Tbaseflug in forum 1.x Help
    Replies: 4
    Last Post: Jun 17, 2009, 4:39 PM
  4. [FIXED] [V0.6] TabPanel and SetActiveTab
    By Timothy in forum Bugs
    Replies: 2
    Last Post: Sep 10, 2008, 7:35 AM
  5. [CLOSED] TabPanel.SetActiveTab with PostBack
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Jul 14, 2008, 12:38 PM

Posting Permissions