Aug 05, 2011, 9:33 AM
DateField control to Absolute Layout panel into modal dialog. No edit date field
In a modal window is not editable field DateField. It don't display dialog for edit date (see drawing below).
Help me, please.
Example code:
Help me, please.
Example code:
<ext:ResourceManager ID="ResourceManager1" runat="server"></ext:ResourceManager>
<ext:Button runat="server" Text="Show window">
<Listeners>
<Click Handler="#{Window1}.show()" />
</Listeners>
</ext:Button>
<ext:Window runat="server" ID="Window1" Modal="true" Width="500" Collapsible="false" Title="Task" Hidden="true" AutoHeight="true" Border="false" Resizable="false" Margins="0" Padding="0">
<Items>
<ext:Panel runat="server" ID="frmContent" Layout="Absolute" Width="490" Height="300" Frame="true" ButtonAlign="Right" LabelAlign="Right" LabelWidth="65" Margins="0" Padding="0">
<Items>
<ext:TextField ID="SubjectForm" runat="server" FieldLabel="<%$ Resources:Page.ExternalProvider.Tasks,Subject%>" AnchorHorizontal="95%" X="0" Y="0"/>
<ext:ComboBox runat="server" LoadingText="Search ..." MinChars="1" ID="ComboBox2" Note="Undefined" FieldLabel="Holder" X="0" Y="27"
DisplayField="Name" ValueField="Code" TypeAhead="false" Width="280" HideTrigger="true" ItemSelector="div.search-item">
<Store>
<ext:Store runat="server" AutoLoad="false" ID="Store2">
<Reader>
<ext:JsonReader >
<Fields>
<ext:RecordField Name="Code" Type="String"> </ext:RecordField>
<ext:RecordField Name="CodeView" Type="String"> </ext:RecordField>
<ext:RecordField Name="Name" Type="String"></ext:RecordField>
<ext:RecordField Name="Descr" Type="String"></ext:RecordField>
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<Template ID="Template2" runat="server" >
<Html>
<tpl for=".">
<div class="search-item">
<h3><span> {CodeView}</span>{Descr}</h3>
</div>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true"/>
</Triggers>
</ext:ComboBox>
<ext:SelectBox ID="SelectBox1" runat="server" FieldLabel="Case" X="0" Y="66" Width="280"></ext:SelectBox>
<ext:SelectBox ID="SelectBox3" runat="server" FieldLabel="Status" X="285" Y="27" AnchorHorizontal="95%"></ext:SelectBox>
<ext:SelectBox ID="SelectBox2" runat="server" FieldLabel="Type" X="285" Y="66" AnchorHorizontal="95%"></ext:SelectBox>
<ext:DateField runat="server" ID="dueDateForm" FieldLabel="DueDate" X="0" Y="93" Width="160" AllowBlank="true"></ext:DateField>
<ext:TimeField runat="server" ID="timeForm" FieldLabel="Time" X="134" Y="93" Width="146"></ext:TimeField>
<ext:SelectBox runat="server" ID="priorityForm" FieldLabel="Priority" Y="93" X="285" AnchorHorizontal="95%"></ext:SelectBox>
<ext:Label ID="Label2" runat="server" Text="Explanation:" X="0" Y="135"></ext:Label>
<ext:Panel ID="Panel1fORM" runat="server" Height="120" Width="384" X="70" Y="133" Style="padding-left:5px;border: 1px solid gray;">
<Content>
<asp:Panel ID="Panel3" runat="server" ScrollBars="Auto" Height="118" Width="378">
<asp:Literal ID="explanationForm" runat="server" />
</asp:Panel>
</Content>
</ext:Panel>
</Items>
<Buttons>
<ext:Button runat="server" Text="Close" >
<Listeners>
<Click Handler="#{Window1}.hide();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:Panel>
</Items>
</ext:Window>
Last edited by Daniil; Aug 05, 2011 at 11:08 AM.
Reason: Please use [CODE] tags