How to Expand the collapsed panel from java script

  1. #1

    How to Expand the collapsed panel from java script

    Hi I have a problem in expanding the error panel when error occurs ion button click.so please help me in expanding panel using java script Urgent please help



        <ext:Window ID="WinBankBranchEditandAdd" runat="server" Show&#111;nload="false" Width="465"
                    Resizable="False" AutoHeight="true" Border="true" BodyBorder="true">
                    <Body>
                        <ext:TabPanel ID="TabPanel1" runat="server" Width="450" Height="250" EnableTabScroll="true"
                            DeferredRender="false">
                            <Tabs>
                                <ext:Tab ID="Tab1" runat="server" Title="Branch Details" Height="150">
                                    <Body>
                                        <table cellspacing="10" cellpadding="3" align="left">
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddBranchName" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtWinBankBranchEditandAddBranchName" runat="server" Width="165"
                                                        AllowBlank="false" BlankText="Branch Name is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                                <td align="left">
                                                    <ext:Button ID="btnWinEditBranchVerify" runat="server" Icon="ApplicationFormMagnify"
                                                        Flat="true">
                                                        <ToolTips>
                                                            <ext:ToolTip ID="ToolTip3" Title="Verify" runat="server">
                                                            </ext:ToolTip>
                                                        </ToolTips>
                                                        <AjaxEvents>
                                                            <Click OnEvent="fnVerify_click">
                                                            </Click>
                                                        </AjaxEvents>
                                                    </ext:Button>
                                                    <%-- <AjaxEvents>
                                                <Click OnEvent="textChanged"></Click>
                                                </AjaxEvents>--%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddLocation" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtWinBankBranchEditandAddLocation" runat="server" Width="165"
                                                        AllowBlank="false" BlankText="Location is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                                <td align="left">
                                                    <ext:Button ID="btnVerifyLocation" runat="server" Icon="ApplicationFormMagnify" Flat="true">
                                                        <ToolTips>
                                                            <ext:ToolTip ID="ToolTip4" Title="Verify" runat="server">
                                                            </ext:ToolTip>
                                                        </ToolTips>
                                                        <AjaxEvents>
                                                            <Click OnEvent="fnVerify_click">
                                                            </Click>
                                                        </AjaxEvents>
                                                    </ext:Button>
                                                    <%-- <AjaxEvents>
                                                <Click OnEvent="textChanged"></Click>
                                                </AjaxEvents>--%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddParentBranch" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtWinBankBranchEditandAddParentBranch" runat="server" Width="165"
                                                        AllowBlank="false" BlankText="Parent Branch is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddBranchCategory" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:ComboBox ID="cmbWinBankBranchEditandAddBranchCat" ReadOnly="true" runat="server"
                                                        StoreID="storeCategory" DisplayField="Name" ValueField="ID" AllowBlank="false"
                                                        BlankText="Branch Category is required." MsgTarget="Side">
                                                        <Items>
                                                        </Items>
                                                    </ext:ComboBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddEntitleBranch" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:ComboBox ID="CmbWinBankBranchEditandAddEntitleBranch" ReadOnly="true" runat="server"
                                                        AllowBlank="false" StoreID="storeEntitlementBranch" DisplayField="Name" ValueField="ID"
                                                        BlankText="Entitlement Branch is required." MsgTarget="Side">
                                                    </ext:ComboBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblWinBankBranchEditandAddDescritpion" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextArea ID="taWinBankBranchEditandAddDescription" runat="server" Width="165"
                                                        Height="40" AllowBlank="false" BlankText="Branch Description is required." MsgTarget="Side">
                                                    </ext:TextArea>
                                                </td>
                                            </tr>
                                        </table>
                                    </Body>
                                </ext:Tab>
                                <ext:Tab ID="Tab2" runat="server" Title="Branch Authorization Details">
                                    <Body>
                                        <table cellspacing="10" cellpadding="3" align="left">
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAuthReq" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:RadioGroup ID="RadioGroupBranchAuthReq" runat="server" Vertical="false" Width="70">
                                                        <Items>
                                                            <ext:Radio ID="radioWinEditAddBranchAuthReqRadioYes" runat="server">
                                                            </ext:Radio>
                                                            <ext:Radio ID="radioWinEditAddBranchAuthReqRadioNo" runat="server">
                                                            </ext:Radio>
                                                        </Items>
                                                    </ext:RadioGroup>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchHOAuthReq" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:RadioGroup ID="RadioGroupHOAuthReq" runat="server" Vertical="false" Width="70">
                                                        <Items>
                                                            <ext:Radio ID="radiowinEditAddBranchHOAuthReqYes" runat="server">
                                                            </ext:Radio>
                                                            <ext:Radio ID="radiowinEditAddBranchHOAuthReqNo" runat="server">
                                                            </ext:Radio>
                                                        </Items>
                                                    </ext:RadioGroup>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchLimitRequired" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:RadioGroup ID="RadioGroupBranchLimitReq" runat="server" Vertical="false" Width="70">
                                                        <Items>
                                                            <ext:Radio ID="radiowinEditAddBranchLimitRequiredYes" runat="server">
                                                            </ext:Radio>
                                                            <ext:Radio ID="radiowinEditAddBranchLimitRequiredNo" runat="server">
                                                            </ext:Radio>
                                                        </Items>
                                                    </ext:RadioGroup>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchLimit" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchLimit" runat="server" Width="165">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                        </table>
                                    </Body>
                                </ext:Tab>
                                <ext:Tab ID="Tab3" runat="server" Title="Contact Details">
                                    <Body>
                                        <table cellspacing="10" cellpadding="3" align="left">
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchContactPerson" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchContactPerson" runat="server" Width="140" AllowBlank="false"
                                                        BlankText="Contact Person is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchEmailID" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchEmailID" runat="server" Width="140" AllowBlank="false"
                                                        BlankText="EmailID is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblPhone" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchPhone" runat="server" Width="140" AllowBlank="false"
                                                        BlankText="Phone Number is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAddress1" runat="server">
                                                    </ext:Label>
                                                    *
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchAddress1" runat="server" Width="140" AllowBlank="false"
                                                        BlankText="Address1 is required." MsgTarget="Side">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAddress2" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchAddress2" runat="server" Width="140">
                                                    </ext:TextField>
                                                </td>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAddress3" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchAddress3" runat="server" Width="140">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAddress4" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchAddress4" runat="server" Width="140">
                                                    </ext:TextField>
                                                </td>
                                                <td align="right">
                                                    <ext:Label ID="lblwinEditAddBranchAddress5" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchAddress5" runat="server" Width="140">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                
                                                    <ext:Label ID="lblwinEditAddBranchBranchTags" runat="server">
                                                    </ext:Label>
                                                </td>
                                                <td>
                                                    <ext:TextField ID="txtwinEditAddBranchBranchTags" runat="server" Width="140">
                                                    </ext:TextField>
                                                </td>
                                            </tr>
                                        </table>
                                    </Body>
                                </ext:Tab>
                            </Tabs>
                        </ext:TabPanel>
                        <ext:Panel ID="PanelError" runat="server" Title="Errors" Height="100" FormGroup="true"
                            AutoWidth="true" BodyStyle="padding:10px;" Collapsible="true" Collapsed="true" Shadow="Drop">
                            <Body>
                                
                                    <%--<ext:MultiSelect ID="ErrorsText" runat="server" AutoHeight="true" AutoWidth="true">
                           
                            </ext:MultiSelect>--%>
                                    </textarea>
                                    <ext:TextArea ID="ErrorsText" runat="server" Height="75" Width="450" ReadOnly="true"
                                        StyleSpec="color: red" Style="background: #003300">
                                    </ext:TextArea>
                                
                            </Body>
                        </ext:Panel>
                        <table border="0">
                            <tr>
                                <td width="95%" align="right">
                                    <ext:Button ID="btnWinBankBranchEditandAddSave" runat="server" OnClientClick="return  fnClientSideValidate();">
                                        <AjaxEvents>
                                            <Click OnEvent="btnSave_Click">
                                            </Click>
                                        </AjaxEvents>
                                    </ext:Button>
                                </td>
                                <td align="right" width="5%">
                                    <ext:Button ID="btnWinBankBranchEditandAddCancel" runat="server">
                                        <AjaxEvents>
                                            <Click OnEvent="btnCancel_Click">
                                            </Click>
                                        </AjaxEvents>
                                    </ext:Button>
                                </td>
                            </tr>
                        </table>
                    </Body>
                </ext:Window>
  2. #2

    RE: How to Expand the collapsed panel from java script

    Hi ajaybabu.maddinani,

    I was not able to reproduce the js error based on the code your provided.


    Is all that code necessary to demonstrate the problem?


    Geoffrey McGill
    Founder
  3. #3

    RE: How to Expand the collapsed panel from java script

    Hello Geoffrey,
    My Actual Problem is i want to expand and collapse a panel from java script and panel will be in a coolite window which will expand and close based on errors occured......Waiting for help
    Regards
    Ajay
  4. #4

    RE: How to Expand the collapsed panel from java script

    Hi Ajax,

    You can call .expand() and/or .collapse() on any Panel type Component.


    Geoffrey McGill
    Founder
  5. #5

    RE: How to Expand the collapsed panel from java script

    Thanks geoffrey

Similar Threads

  1. [CLOSED] Expand collapsed panel
    By uniway in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Jan 15, 2013, 1:41 PM
  2. Replies: 0
    Last Post: Jun 15, 2012, 11:49 AM
  3. Replies: 1
    Last Post: Mar 13, 2012, 8:37 AM
  4. change HyperLink NavigateUrl by Java Script
    By BLOZZY in forum 1.x Help
    Replies: 2
    Last Post: Aug 09, 2011, 11:32 AM
  5. [CLOSED] [1.0] Java Script broken under IE
    By tdracz in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 06, 2010, 4:46 PM

Posting Permissions