PDA

View Full Version : [CLOSED] Viewport Panel Collapse DateField issue....



rthiney
May 23, 2013, 1:47 PM
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',#{txtCompan yName}.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',#{txtInter nalName}.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',#{txtFiscalD ate}.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}.getVa lue(),{
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);#{b tnPrimary}.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).viewI ndex,
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>

Vladimir
May 23, 2013, 1:59 PM
It is known issue
http://www.sencha.com/forum/showthread.php?260868-4.2.0.663-DateField-doesn-t-show-the-picker-inside-collapsed-region

The issue is fixed in ExtJS 4.2.1, when Sencha will release 4.2.1 we will add it to trunk

Vladimir
May 23, 2013, 2:01 PM
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