[CLOSED] Viewport Panel Collapse DateField issue....

  1. #1

    [CLOSED] Viewport Panel Collapse DateField issue....

    Using example below, if you load the page and expand the West Panel, and click the Fiscal Date field, the calender doesn't appear.
    However, if you load the page with the West Panel expanded, it works fine.

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Error.aspx.cs" Inherits="WarburgPincus.Valuations.Site.Error" %>
    
    
    <!DOCTYPE html>
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    
    
        <style>
              .x-toolbar-item.x-btn-group .x-form-trigger
            {
                height: 21px;
            } 
            .x-border-box .x-toolbar-item.x-btn-group .x-form-trigger
            {
                height: 22px;
            } 
       
            .IsPlatformtrue {
                font-weight: bold;
                background-color: #f8c5c5;
            }
    
    
            .PaddCell {
                padding: 3px;
            }
    
    
            .textIcon {
                background-image: url(image/text_align_left.png) !important;
            }
    
    
            .blockIcon {
                background-image: url(image/bricks.png) !important;
            }
    
    
            .barIcon {
                background-image: url(image/chart_bar.png) !important;
            }
    
    
            .keyIcon {
                background-image: url(image/key.png) !important;
            }
    
    
            .userIcon {
                background-image: url(image/user_key.png) !important;
            }
    
    
            .groupIcon {
                background-image: url(image/group_key.png) !important;
            }
    
    
            .wordIcon {
                background-image: url(image/page_white_word.png) !important;
            }
    
    
            .pageRedIcon {
                background-image: url(image/page_red.png) !important;
            }
    
    
            .imageIcon {
                background-image: url(image/picture_add.png) !important;
            }
    
    
            .forwardBlueIcon {
                background-image: url(image/forward_blue.png) !important;
            }
    
    
            .quarterIcon {
                background-image: url(image/clock.png) !important;
            }
    
    
            .removeIconPad a.x-menu-item {
                padding-left: 0;
            }
    
    
            .red {
                background-color: #ff7171 !important;
                font-weight: bold;
            }
    
    
            .green {
                background-color: #88ff6b !important;
            }
    
    
            .rowred {
                color: #ff7171;
            }
    
    
            .rowgreen {
                color: #1e6d14;
            }
        </style>
      
    </head>
    <body>
         <ext:ResourceManager runat="server" ID="Resource1" Theme="Neptune" >
        </ext:ResourceManager>
    
    
        <form id="form1" runat="server">
               <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel ID="Panel2" runat="server"   Region="North" Padding="0"  >
                 
                </ext:Panel>
                <ext:Panel runat="server" Title="Editor" ID="pnlContent" Region="Center">
                    
                </ext:Panel>
                <ext:Panel Width="250" ID="pnlParameters" runat="server" Title="Notes" Region="East"   Icon="Note" Split="true" Collapsed="true" Collapsible="true"   TitleAlign="Center" >
                   
                </ext:Panel>
                <ext:Panel ID="Panel3" Title="Portfolio Attributes" runat="server" Width="300" Region="West" Collapsed="true" Collapsible="true" Split="true"  TitleAlign="Center" 
                    Layout="AccordionLayout">
                    <Items>
                        <ext:Panel   ID="pnlSettings" Collapsed="false" runat="server" Title="Company Settings" Flex="1"
                            Icon="Cog">
                            <Items>
                                <ext:FormPanel ID="FormPanel1" runat="server" Padding="3" Border="false" Layout="AnchorLayout" Flex="1">
                                    <Listeners>
                                        <ValidityChange Handler="#{btnDealSave}.setDisabled(!valid);" />
                                    </Listeners>
                                    <FieldDefaults LabelWidth="70" LabelAlign="Right" />
                                    <Items>
                                        <ext:Image runat="server" ID="imgLogo" Width="200" Height="100" Hidden="true" />
                                        <ext:TextField runat="server"   Disabled="true" ID="txtCompanyName" Width="200" MaxLength="150"  MinLength="3" MaxLengthText="Cannot exeed 150 characters." FieldLabel="Co. Name" AnchorHorizontal="100%" EmptyText="Enter full company name." AllowBlank="false">
                                            <Listeners>
                                                <Blur Handler="App.direct.UpdateCompany('CompanyName',#{txtCompanyName}.getValue(),
                                                    {
                                                    success: function (result) {
                                                        NotifyRight('Change Company','You have updated the company name.',#{pnlSettings}.getEl());
                                                     #{btnDealAdd}.setDisabled(false);
                                                      #{btnDealSave}.setDisabled(true);
                                                    },
                                                    failure:function(result){
                                                    if (result.length>0) Ext.Msg.alert('Fail',result);}   }); " />
                                            </Listeners>
                                        </ext:TextField>
                                        <ext:TextField runat="server" ID="txtInternalName" Width="200" FieldLabel="Intrl. Name" MinLength="3" MaxLength="50" MaxLengthText="Cannot exeed 50 characters."  AnchorHorizontal="100%" EmptyText="Enter and internal name (short)." AllowBlank="false">
                                            <Listeners>
                                                <Blur Handler="App.direct.UpdateCompany('InternalName',#{txtInternalName}.getValue(),{
                                                    success: function (result) {
                                                        NotifyRight('Change Company','You have updated the company internal name.',#{pnlSettings}.getEl());
                                                    },
                                                    failure:function(result){ if (result.length>0) Ext.Msg.alert('Fail',result);}}); " />
                                            </Listeners>
                                        </ext:TextField>
                                        <ext:DateField runat="server" ID="txtFiscalDate" FieldLabel="Fiscal Date" TriggerIcon="SimpleDate" EmptyText="Add date." AllowBlank="false" Editable="true">
                                            <Listeners>
                                                <Blur Handler="if (!#{txtFiscalDate}.getValue().length==0) App.direct.UpdateCompany('FiscalDate',#{txtFiscalDate}.getValue(),{
                                                    success: function (result) {
                                                        NotifyRight('Change Company','You have updated the company fiscal date.',#{pnlSettings}.getEl());
                                                    },
                                                    failure:function(result){}}); else NotifyRight('No Date','You must enter a date into the fiscal date field.'); " />
                                            </Listeners>
                                        </ext:DateField>
                                        <ext:FieldContainer ID="FieldContainer2" runat="server" Layout="HBoxLayout" FieldLabel="Logo" Flex="1">
                                            <Items>
                                                <ext:FileUploadField ID="txtLogo" runat="server" Icon="Attach" ButtonText="..." ButtonOnly="true"    Flex="1">
                                                    
                                                </ext:FileUploadField>
                                                <%--
                                                     Before="if  (#{txtLogo}.getValue().indexOf('jpg')>-1 || #{txtLogo}.getValue().indexOf('jpeg') >-1)  return true; else { Ext.Msg.alert('Wrong file type', 'Need to upload a JPG file.'); return false; }"
                                                    <ext:Button runat="server" Icon="PictureAdd">
                                                    <Listeners>
                                                        <Click Handler="OpenImageEditor();" />
                                                    </Listeners>
                                                    <ToolTips>
                                                        <ext:ToolTip runat="server" Html="If you want to resize the image, click this button to launch to resize tool" Title="Image Resizer" />
                                                    </ToolTips>
                                                </ext:Button>--%>
                                            </Items>
                                        </ext:FieldContainer>
    
    
                                        <ext:TriggerField runat="server" ID="txtUrl" EmptyText="www.google.com" Width="200" AnchorHorizontal="100%" AllowBlank="false"
                                            FieldLabel="Site">
                                            <Triggers>
                                                <ext:FieldTrigger Icon="SimpleEarth" Qtip="Click here to see site." />
                                            </Triggers>
                                            <Listeners>
                                                <Blur  Handler="
                                                    if (ValidateUrl('http://' + #{txtUrl}.getValue()))
                                                    {
                                                    App.direct.UpdateCompany('SiteUrl',#{txtUrl}.getValue(),{
                                                    success: function (result) {
                                                        NotifyRight('Change Company','You have updated the company url.',#{pnlSettings}.getEl());
                                                    },
                                                    failure:function(result){}});
                                                    }
                                                    else
                                                    Ext.Msg.alert('Url not valid',#{txtUrl}.getValue() + ' is not a valid URL.'); " />
                                                <TriggerClick Handler="window.open('http://' + #{txtUrl}.getValue())" />
                                            </Listeners>
                                        </ext:TriggerField>
                                    </Items>
                                </ext:FormPanel>
                            </Items>
                        </ext:Panel>
    
    
                        <ext:GridPanel Layout="FitLayout"
                            ID="GridPanel1" Icon="Brick"
                            Border="false" RowLines="false"
                            runat="server" Collapsed="true"
                             HideHeaders="true"
                            Height="200" Title="Company Funds"
                            Frame="false">
                            <Store>
                                <ext:Store ID="gridStore" runat="server">
                                    <Sorters>
                                        <ext:DataSorter Property="start" Direction="ASC" />
                                    </Sorters>
                                    <Model>
                                        <ext:Model ID="Model2" runat="server" Name="Fund">
                                            <Fields>
                                                <ext:ModelField Name="FundId" Type="Int" />
                                                <ext:ModelField Name="FundName" Type="String" />
                                                <ext:ModelField Name="ShortName" Type="String" />
                                                <ext:ModelField Name="IsPrimary" Type="Boolean" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <View>
                                <ext:GridView ID="GridView1" runat="server" StripeRows="false" TrackOver="true"></ext:GridView>
                            </View>
                            <SelectionModel>
                                <ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
                                    <Listeners>
                                        <Select Handler="selectedId =this.getStore().getAt(index).data.FundId;  " />
                                    </Listeners>
                                </ext:RowSelectionModel>
                            </SelectionModel>
                            <TopBar>
                                <ext:Toolbar ID="Toolbar1" runat="server">
                                    <Items>
                                        <ext:ComboBox runat="server" ID="cmboFunds" DisplayField="ShortName" ValueField="FundId" Width="75">
    
    
                                            <Store>
                                                <ext:Store ID="storeAllFunds" runat="server">
                                                    <Sorters>
                                                        <ext:DataSorter Property="start" Direction="ASC" />
                                                    </Sorters>
                                                    <Model>
                                                        <ext:Model ID="Model5" runat="server" Name="Fund">
                                                            <Fields>
                                                                <ext:ModelField Name="FundId" Type="Int" />
                                                                <ext:ModelField Name="ShortName" Type="String" />
                                                            </Fields>
                                                        </ext:Model>
                                                    </Model>
                                                </ext:Store>
                                            </Store>
                                        </ext:ComboBox>
                                        <ext:Button ID="Button3" runat="server" Text="Add" Icon="BrickAdd">
                                          
                                            <%--   <DirectEvents>
                                                                <Click  OnEvent="AddFund">
                                                                    <ExtraParams>
                                                                        <ext:Parameter Name="fundId" Value="#{gridStore}.getSelectionModel().getSelected()"
                                                                    </ExtraParams>
                                                                </Click>
                                                            </DirectEvents>--%>
                                        </ext:Button>
                                        <ext:Button ID="btnRemoveFund" runat="server" Text="Remove" Icon="BrickDelete" Disabled="true">
                                            <Listeners>
                                                <Click Fn="removeFund">
                                                </Click>
                                            </Listeners>
                                        </ext:Button>
                                        <ext:Button ID="btnPrimary" runat="server" Text="Primary" Icon="Tick" Disabled="true">
                                            <Listeners>
                                                <Click Handler="App.direct.MakePrimary(selectedId)" />
                                            </Listeners>
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
    
    
                            <ColumnModel>
                                <Columns>
                                    <ext:Column ID="Column1" runat="server"
                                        Hidden="true"
                                        DataIndex="FundId"
     />
                                    <ext:Column ID="Column2" runat="server" DataIndex="FundName" Align="Left" Width="190" />
    
    
                                    <ext:Column ID="Column5" runat="server" DataIndex="ShortName" Align="Center" Width="50" />
                                    <ext:Column ID="Column3" runat="server" DataIndex="IsPrimary" Align="Center" Width="20">
                                        <Renderer Handler="  if (record.data.IsPrimary) {  return '<img src=image/tick.png />'; } else return ''; " />
                                    </ext:Column>
                                </Columns>
                            </ColumnModel>
                            <Listeners>
                                <SelectionChange Handler="#{btnRemoveFund}.setDisabled(!selected.length);#{btnPrimary}.setDisabled(!selected.length);" />
                            </Listeners>
                        </ext:GridPanel>
    
    
                        <ext:TreePanel ID="TreePanel1"
                            runat="server"
                            Icon="Group"
                            Title="Deal Team"
                            Width="500"
                            Height="300"
                            Collapsible="true"
                            UseArrows="true"
                            RootVisible="false"
                            MultiSelect="true"
                            SingleExpand="true"
                            FolderSort="true">
                            <Fields>
                                <ext:ModelField Name="task" />
                                <ext:ModelField Name="user" />
                                <ext:ModelField Name="duration" />
                            </Fields>
                            <ColumnModel>
                                <Columns>
                                    <ext:TreeColumn ID="TreeColumn1"
                                        runat="server"
                                        Text="Member"
                                        Flex="2"
                                        Sortable="true"
                                        DataIndex="task" />
                                    <ext:TemplateColumn ID="TemplateColumn1"
                                        runat="server"
                                        Text="Email"
                                        Flex="1"
                                        Sortable="true"
                                        DataIndex="duration"
                                        Align="Center">
                                        <Template ID="Template1" runat="server">
    
    
                                            <Html>
                                                <a href="mailto:{member}"><img src="image/email.png" /></a>
                                            </Html>
                                        </Template>
                                    </ext:TemplateColumn>
                                    <ext:Column ID="Column4"
                                        runat="server"
                                        Text="Extension"
                                        Flex="1"
                                        Sortable="true"
                                        DataIndex="user" />
                                </Columns>
                            </ColumnModel>
    
    
                            <Root>
                                <ext:Node Text="Tasks">
                                    <Children>
    
    
                                        <ext:Node Icon="MoneyDollar" Expanded="true">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="task" Value="Accounting" Mode="Value" />
                                                <ext:ConfigItem Name="duration" Value="2" />
                                                <ext:ConfigItem Name="user" Value="Team" Mode="Value" />
                                            </CustomAttributes>
                                            <Children>
                                                <ext:Node Leaf="true" Icon="UserSuit">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="David Blair" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="adan.retana@warburgpincus.com" Mode="Value" />
                                                        <ext:ConfigItem Name="user" Value="x9435" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                                <ext:Node Leaf="true" Icon="UserSuit">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="Otilia Melwani" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="0.25" />
                                                        <ext:ConfigItem Name="user" Value="x9423" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                                <ext:Node Leaf="true" Icon="UserSuit">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="Brian Spillane" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="0.25" />
                                                        <ext:ConfigItem Name="user" Value="x0628" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                            </Children>
                                        </ext:Node>
                                        <ext:Node Icon="Money" Expanded="false">
                                            <CustomAttributes>
                                                <ext:ConfigItem Name="task" Value="Deal Team" Mode="Value" />
                                                <ext:ConfigItem Name="duration" Value="13.25" />
                                                <ext:ConfigItem Name="user" Value="Team" Mode="Value" />
                                            </CustomAttributes>
                                            <Children>
                                                <ext:Node Leaf="true" Icon="UserSuitBlack">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="Ian Chui" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="0.25" />
                                                        <ext:ConfigItem Name="user" Value="x0653" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                                <ext:Node Leaf="true" Icon="UserSuitBlack">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="Patrick Severson" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="0.4" />
                                                        <ext:ConfigItem Name="user" Value="x0623" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                                <ext:Node Leaf="true" Icon="UserSuitBlack">
                                                    <CustomAttributes>
                                                        <ext:ConfigItem Name="task" Value="Syndey Oyuang" Mode="Value" />
                                                        <ext:ConfigItem Name="duration" Value="0.4" />
                                                        <ext:ConfigItem Name="user" Value="x0613" Mode="Value" />
                                                    </CustomAttributes>
                                                </ext:Node>
                                            </Children>
                                        </ext:Node>
                                    </Children>
                                </ext:Node>
                            </Root>
                        </ext:TreePanel>
    
    
                        <ext:GridPanel Layout="FitLayout"
                            ID="gridContentMetrics" Icon="ChartBar"
                            Border="false" RowLines="false" AutoDataBind="true"
                            runat="server" Collapsed="true" Width="300"
                             HideHeaders="true" EmptyText="There is no previous history to provide metrics."
                          Title="Valuation Content Metrics"
                            Frame="false">
                            <Store>
                                <ext:Store ID="storeContentMetrics" runat="server" GroupField="Label">
                                    <Sorters>
                                        <ext:DataSorter Property="start" Direction="ASC" />
                                    </Sorters>
                                    <Model>
                                        <ext:Model ID="Model6" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="ContentId" Type="Int" />
                                                <ext:ModelField Name="ControlTypeId" Type="Int" />
                                                <ext:ModelField Name="Label" Type="String" />
                                                <ext:ModelField Name="ShortName" Type="String" />
                                                <ext:ModelField Name="ModifiedOn" Type="Date" />
                                                <ext:ModelField Name="ModifiedBy" Type="String">
                                                     
                                                </ext:ModelField>
                                                <ext:ModelField Name="IsUpdated" Type="Boolean" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <TopBar>
                                <ext:Toolbar ID="Toolbar2" runat="server">
                                    <Items>
                                        <ext:Label runat="server" ID="lblActiveDoc" />
                                        <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                        <ext:Button ID="Button1" runat="server" Icon="Reload" Text="Reload">
                                            
                                        </ext:Button>
                                        <ext:ComboBox runat="server" ID="cmboTemplateType" DisplayField="TemplateName" ValueField="TemplateTypeId">
                                            <Store>
                                                <ext:Store ID="storeTemplateType" runat="server">
                                                    <Model>
                                                        <ext:Model ID="Model7" runat="server">
                                                            <Fields>
                                                                <ext:ModelField Name="TemplateTypeId" Type="Int" />
                                                                <ext:ModelField Name="TemplateName" Type="String" />
                                                            </Fields>
                                                        </ext:Model>
                                                    </Model>
                                                </ext:Store>
                                            </Store>
                                          
                                        </ext:ComboBox>
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <View>
                                <ext:GridView ID="GridView2" runat="server" StripeRows="false" TrackOver="false">
                                    <GetRowClass Handler="return GetColor(record.data.IsUpdated); " />
                                </ext:GridView>
                            </View>
                            <ColumnModel>
                                <Columns>
                                    <ext:Column ID="Column6" runat="server" DataIndex="Label" Align="Left"   Width="120" />
                                    <ext:Column ID="Column7" runat="server" DataIndex="ShortName" Align="Center" Width="38" />
                                    <ext:Column ID="Column8" runat="server" DataIndex="ModifiedOn" Align="Center" Width="70">
                                        <Renderer Handler="return Ext.util.Format.date(record.data.ModifiedOn, 'm/d/Y');" />
                                    </ext:Column>
                                    <ext:Column ID="Column9" runat="server" DataIndex="ModifiedBy" Align="Center" Width="105" />
                                    <ext:Column ID="Column10" runat="server" DataIndex="IsUpdated" Align="Right" Width="20">
                                        <Renderer Handler="  if (record.data.IsUpdated) {  return '<img src=image/tick.png  width=15 height=15 />'; } else return ''; " />
                                    </ext:Column>
                                    <ext:ImageCommandColumn ID="ImageCommandColumn1" runat="server" Width="20">
                                        <GroupCommands>
                                            <ext:GroupImageCommand CommandName="TextAb" Icon="TextAb">
                                            </ext:GroupImageCommand>
                                            <ext:GroupImageCommand CommandName="ChartBar" Icon="ChartBar">
                                            </ext:GroupImageCommand>
                                        </GroupCommands>
                                        <PrepareGroupCommand Fn="prepareGroupCommand" />
                                    </ext:ImageCommandColumn>
                                </Columns>
                            </ColumnModel>
                            <Features>
                                <ext:Grouping
                                    ID="Grouping1"
                                    runat="server"
                                    HideGroupedHeader="true"
                                    StartCollapsed="false"
                                    ShowGroupsText="false"
                                    GroupHeaderTplString='{name} ({[values.rows.length > 1 ? "Multi-Fund" : "Single Fund"]})' />
                                <ext:RowBody ID="RowBody1" runat="server">
                                </ext:RowBody>
                            </Features>
                        </ext:GridPanel>
                        <ext:ToolTip ID="ToolTip2"
                            runat="server"
                            Target="={#{gridContentMetrics}.getView().el}"
                            Delegate=".x-grid-cell"
                            TrackMouse="true">
                            <Listeners>
                                <Show Handler="onBeforeShow(this, #{gridContentMetrics});" />
                            </Listeners>
                        </ext:ToolTip>
                    </Items>
                </ext:Panel>
                <ext:Panel Height="125" ID="pnlSectionInfo" runat="server" BodyStyle="text-align:center;" Title="Section Information" TitleAlign="Center" Region="South" Collapsed="false" Collapsible="true" Icon="Information">
                   
                </ext:Panel>
            </Items>
        </ext:Viewport> 
        </form>
        <ext:XScript ID="XScript1" runat="server">
        <script type="text/javascript">
    
    
            var selectedId;
            var load = function (panel, renderer, url) {
                if (renderer == "html") {
                    panel.removeAll(true);
                    panel.iframe.remove();
                    delete panel.iframe;
                }
    
    
                panel.getLoader().renderer = renderer; a
                panel.load({
                    url: url
                });
            };
            var removeFund = function () {
                var grid = #{GridPanel1},
                    sm = grid.getSelectionModel();
                grid.store.remove(sm.getSelection());   //delete from client store
                App.direct.DeleteFund(selectedId, #{hidPortfolioId}.getValue()); //call back to server to actually delete from DB
                if (grid.store.getCount() > 0) {
                    sm.select(0);
                }
            }
            var lastLoadedButton;
            var lastLoadedIcon;
            var lastLoadedContent;
    
    
            function RefreshSectionInformation()
            {
                try{
                     #{pnlSectionInfo}.getLoader().load({url:'/Sections/Information.aspx',
                         params:{'portfolioId':#{hidPortfolioId}.getValue(),
                             'documentId':#{hidDocumentId}.getValue(),
                             'fundId':#{cmboFund}.getValue(),
                             'contentName':lastLoadedContent,
                             'fundName':#{cmboFund}.getRawValue(),
                             'y':#{cmboYear}.getValue(),
                             'q':#{cmboQuarter}.getValue() }});
                }
                catch(e)
                {
                }
                 
            }
          
            //RunLoader(this.text,'barIcon','BannerValuation');
            //This function handles the "section" click and passes the required parameters to the page that is loading.
            function RunLoader(buttonText,icon,contentName)
            {
                lastLoadedButton=buttonText;
                lastLoadedIcon=icon;
                lastLoadedContent=contentName;
    
    
                #{pnlContent}.setTitle(buttonText +'-' + #{SplitButton1}.text);
                #{pnlContent}.setIconCls(icon);
    
    
                #{pnlContent}.getLoader().load({url:'Sections/'+contentName+'.aspx',
                    params:{'portfolioId':#{hidPortfolioId}.getValue(),
                        'documentId':#{hidDocumentId}.getValue(),
                        'fundId':#{cmboFund}.getValue(),
                        'fundName':#{cmboFund}.getRawValue(),
                        'y':#{cmboYear}.getValue(),
                        'q':#{cmboQuarter}.getValue() }});
    
    
                #{pnlParameters}.getLoader().load({url:'Sections/Notes.aspx',
                    params:{'id':#{hidPortfolioId}.getValue(),
                        'field':contentName,
                        'fundId':#{cmboFund}.getValue(),
                        'fundName':#{cmboFund}.getRawValue()}});
    
    
                RefreshSectionInformation(contentName);
                #{pnlParameters}.expand();
            }
            function ActiveDocLoader(buttonText,contentName)
            {
                #{pnlContent}.setTitle(buttonText);
                #{pnlContent}.getLoader().load({url:contentName+'.aspx',
                    params:{'portfolioId':#{hidPortfolioId}.getValue(),
                        'documentId':#{hidDocumentId}.getValue(),
                        'fundId':#{cmboFund}.getValue(),
                        'fundName':#{cmboFund}.getRawValue(),
                        'y':#{cmboYear}.getValue(),
                        'q':#{cmboQuarter}.getValue() }});
                #{pnlParameters}.collapse();
            }
            function GetLoader(r)
            {
                try
                {
                    var url = r.getLoader().lastOptions.url;
                    r.getLoader().load({url:url,  params:{'portfolioId':#{hidPortfolioId}.getValue(),
                        'documentId':#{hidDocumentId}.getValue(),
                        'fundId':#{cmboFund}.getValue(),
                        'fundName':#{cmboFund}.getRawValue(),
                        'y':#{cmboYear}.getValue(),
                        'q':#{cmboQuarter}.getValue() }});
                }
                catch(e)
                {
                }
            }
            function getRowClass(record) {
                if (record.data.IsUpdated)
                    return 'green';
                else
                    return 'red';
            }
            var onBeforeShow = function (toolTip, grid) {
                var view = grid.getView(),
                store = grid.getStore(),
                rowIndex = view.findItemByChild(toolTip.triggerElement).viewIndex,
                record = store.getAt(rowIndex),
                column = view.getHeaderByCell(toolTip.triggerElement),
                data = record.get('Label');
                toolTip.update(data);
            };
            function ClearDealSettingsForm()
            {
                #{txtCompanyName}.setValue('');
                #{txtInternalName}.setValue('');
                #{txtFiscalDate}.setValue('');
                #{txtUrl}.setValue('');
                #{btnDealAdd}.setDisabled(true);
                #{hidPortfolioId}.setValue('');
                #{cmboPortfolio}.clearText('');
                #{cmboPortfolio}.setValue('');
            }
    
    
            function OpenImageEditor()
            {
                #{pnlContent}.setIconCls('imageIcon');
                #{pnlContent}.setTitle('Image Editor');
                #{pnlContent}.getLoader().load({url:'Admin/ImageResizer.aspx', params:{'id':#{hidPortfolioId}.getValue() }});
            }
    
    
            ///Hides/Shows right icon based on the control type. The applies to the
            ///Content Metrics grid in the portfolio atttributes.
            var prepareGroupCommand = function (grid, command, groupId, group) {
                // you can prepare group command
    
    
                var g = group;
                var id = g[0];
                if (id.data.ControlTypeId==2 && command.command=='TextAb')
                    command.hidden=true;
                if (id.data.ControlTypeId==1 && command.command=='ChartBar')
                    command.hidden=true;
            };
            function ValidateUrl(url) {
                var regexp = /http:\/\/[A-Za-z0-9\.-]{3,}\.[A-Za-z]{3}/;
                return regexp.test(url);
            }
            function GetColor(r)
            {
                if (r)
                    return 'rowgreen';
                else
                    return 'rowred';
            }
            var ShowQuarterStatus=function()
            {
     
            }
            function ShowTime() {
             
            }  
            window.setTimeout("ShowTime()", 1000);
        </script>
        </ext:XScript>
    </body>
    </html>
    Last edited by Daniil; May 28, 2013 at 4:17 AM. Reason: [CLOSED]
  2. #2
    It is known issue
    http://www.sencha.com/forum/showthre...llapsed-region

    The issue is fixed in ExtJS 4.2.1, when Sencha will release 4.2.1 we will add it to trunk
  3. #3
    Please do not post such big test cases, 95% of code from your test case can be removed and the issue will be reproduced still

Similar Threads

  1. Panel in Viewport can't Collapse,PLZ Help!
    By goga21cn in forum 2.x Help
    Replies: 5
    Last Post: Apr 08, 2013, 7:56 AM
  2. Replies: 6
    Last Post: Jan 09, 2013, 10:30 AM
  3. [CLOSED] Re-render issue on center after collapse/expand west
    By seanwo in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 07, 2010, 3:15 PM
  4. West panel does not collapse
    By sz_146 in forum 1.x Help
    Replies: 3
    Last Post: Jan 30, 2009, 12:13 PM
  5. Panel collapse AjaxEvents Not Working?
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Jan 28, 2009, 11:22 AM

Posting Permissions