Nov 21, 2011, 8:20 AM
Problem with panels in TabStrip
Hi,
I'm quite new in Ext.NET.
I 've got a problem with panels in TabStrip. Problem is that items overlap in CompositeField3.
When I change panels order then pnlItems is OK (when I set its height) but Id field overlap on pnlSummary.
Here is the code
I'm quite new in Ext.NET.
I 've got a problem with panels in TabStrip. Problem is that items overlap in CompositeField3.
When I change panels order then pnlItems is OK (when I set its height) but Id field overlap on pnlSummary.
Here is the code
<%@ Page Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Locale="cs-CZ" ViewStateMode="Disabled"
AjaxViewStateMode="Disabled" EnableViewState="false" />
<ext:Window ID="mainWindow" runat="server" Title="Interní kalkulace" Icon="Calculator"
Maximized="true" Maximizable="false" Closable="false" Plain="true" Border="false"
BodyBorder="false" Resizable="false" AutoScroll="true" Modal="true">
<Tools>
<ext:Tool Type="Search" Qtip="Přejít na seznam" />
</Tools>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:TabStrip runat="server" ID="tabs">
<Items>
<ext:TabStripItem ActionItemID="pnlSummary" Title="Souhrn" Icon="BookOpen" />
<ext:TabStripItem ActionItemID="pnlItems" Title="Polo?ky" Icon="TextListBullets" />
</Items>
</ext:TabStrip>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:FileUploadField runat="server" ButtonOnly="true" ID="ImportFile" ButtonText="Import z Planneru"
Icon="PageWhiteGet">
</ext:FileUploadField>
<ext:Button ID="PlannerButton" runat="server" Icon="ApplicationForm" Text="Export do planneru">
</ext:Button>
<ext:Button runat="server" Text="Vytvoř etapy" Icon="PageWhiteC" ID="CreateEtapsButton">
<Menu>
<ext:Menu ID="Menu1" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" runat="server" Text="Samostatné etapy">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem2" runat="server" Text="Jedna etapa s úkoly">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem3" runat="server" Text="Vyber">
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:Button runat="server" Icon="PageWhiteAdd" Text="Vytvoř nabídku" ID="CreateOfferButton" />
<ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
<ext:Button runat="server" Icon="Delete" Text="Smazat" ID="DeleteButton" />
<ext:Button ID="Button1" runat="server" Icon="Disk" Text="Ulo?it">
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="Heart" Visible="false" />
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:FormPanel ID="pnlSummary" runat="server" Header="false" Frame="true" Layout="FormLayout">
<Items>
<ext:TableLayout ID="TableLayout2" runat="server" Columns="2">
<Cells>
<ext:Cell RowSpan="2">
<ext:FieldSet ID="FieldSet1" runat="server" Title="Základní nastavení">
<Defaults>
<ext:Parameter Name="width" Value="400" Mode="Value" />
</Defaults>
<Items>
<ext:NumberField ID="Id" FieldLabel="Číslo kalkulace" runat="server" Hidden="false"
Enabled="false" Disabled="true" Width="150" AllowDecimals="false" IndicatorIcon="Information"
Anchor="-20" IndicatorTip="Číslo je přiřazeno automaticky" />
<ext:TextField ID="Name" FieldLabel="Jméno" runat="server" />
<ext:HyperLink ID="ProjectLink" FieldLabel="Projekt" runat="server" Text="..." />
<ext:HyperLink ID="NabidkaLink" FieldLabel="Nabídka" runat="server" Text="..." />
<ext:TextArea ID="Description" runat="server" FieldLabel="Popis" />
</Items>
</ext:FieldSet>
</ext:Cell>
<ext:Cell>
<ext:FieldSet ID="FieldSet2" runat="server" Title="Plán" Width="250" Icon="Hourglass">
<Defaults>
<ext:Parameter Name="width" Value="190" Mode="Value" />
</Defaults>
<Items>
<ext:DateField runat="server" ID="PlanStartDate" Width="190" FieldLabel="Začátek" />
<ext:DateField runat="server" ID="PlanEndDate" Width="190" ReadOnly="true" FieldLabel="Dokončení" />
<ext:NumberField runat="server" ID="PlanHours" ReadOnly="true" FieldLabel="Počet hodin" />
</Items>
</ext:FieldSet>
</ext:Cell>
<ext:Cell>
<ext:FieldSet ID="FieldSet3" runat="server" Title="Datumy" Width="250" Icon="Date">
<Defaults>
<ext:Parameter Name="width" Value="190" Mode="Value" />
</Defaults>
<Items>
<ext:DateField runat="server" ID="StartDate" Width="190" />
<ext:DateField runat="server" ID="EndDate" Width="190" />
</Items>
</ext:FieldSet>
</ext:Cell>
</Cells>
</ext:TableLayout>
</Items>
</ext:FormPanel>
<ext:FormPanel ID="pnlItems" runat="server" Header="false" Frame="true" Layout="FormLayout">
<Items>
<ext:GridPanel runat="server" Title="Polo?ky" ID="ItemsGrid" AutoHeight="true" ViewStateMode="Disabled">
<Store>
<ext:Store runat="server" ViewStateMode="Disabled">
<Reader>
<ext:JsonReader IDProperty="Id" />
</Reader>
</ext:Store>
</Store>
<SelectionModel>
<ext:RowSelectionModel runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<View>
<ext:GridView ID="GridView1" runat="server" ForceFit="true">
</ext:GridView>
</View>
<BottomBar>
<ext:StatusBar ID="StatusBar1" runat="server" StatusAlign="Left" />
</BottomBar>
</ext:GridPanel>
<ext:FormPanel runat="server" ID="pnlItem" TrackResetOnLoad="true">
<Items>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
<Columns>
<ext:LayoutColumn>
<ext:FormPanel runat="server" AutoScroll="true" Width="400" ID="FormPanel1">
<Items>
<ext:FieldSet runat="server" Title="Polo?ka" ID="fldItem" Collapsible="false" Layout="FormLayout">
<Items>
<ext:NumberField ID="Item_Id" runat="server" DataIndex="Id" MaxLengthText="4" Hidden="true" />
<ext:NumberField ID="Item_Position" runat="server" DataIndex="Position" Width="160"
MinValue="1" MaxValue="999" AllowBlank="true" AllowDecimals="false" />
<ext:TextField ID="Item_Name" runat="server" DataIndex="Name" Width="360" />
<ext:CompositeField ID="CompositeField1" runat="server" FieldLabel="Začátek, konec">
<Items>
<ext:DateField ID="Item_StartDate" runat="server" DataIndex="StartDate" />
<ext:DateField ID="Item_EndDate" runat="server" DataIndex="EndDate" />
</Items>
</ext:CompositeField>
<ext:CompositeField ID="CompositeField2" runat="server" FieldLabel="Termín" Hidden="true">
<Items>
<ext:DateField ID="Item_TerminDate" runat="server" DataIndex="TerminDate" EmptyText="datum" />
<ext:NumberField ID="Item_TerminHours" runat="server" DataIndex="TerminHours" EmptyText="hodiny"
Width="50" MaxValue="999" />
</Items>
</ext:CompositeField>
<ext:TextField ID="Item_Resources" runat="server" DataIndex="Resources" Width="360" />
<ext:NumberField ID="Item_Hours" runat="server" DataIndex="Total" MaxLengthText="9"
AllowDecimals="true" AllowBlank="false" FieldLabel="Hodin" ReadOnly="true" Note="read only"
Width="160" />
<ext:NumberField ID="Item_Price" runat="server" DataIndex="Price" MaxLengthText="9"
AllowDecimals="true" AllowBlank="false" Note="read only" />
<ext:ComboBox ID="Item_ParentTask_Id" runat="server" DataIndex="ParentTask_Id" FieldLabel="Nadř. úkol">
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<Select Handler="this.triggers[0].show();" />
<BeforeQuery Handler="this.triggers[0][this.getRawValue().toString().length==0 ? 'hide' : 'show']();" />
</Listeners>
</ext:ComboBox>
<ext:TextArea ID="CinnostiGridData" runat="server" Hidden="true" />
</Items>
<Buttons>
<ext:Button ID="Button3" runat="server" Text="Get values" Visible="false">
<Listeners>
<Click Handler="alert(#{pnlItem}.getForm().getValues(false));" />
</Listeners>
</ext:Button>
<ext:Button ID="Button4" runat="server" Text="Refresh" Visible="false">
<Listeners>
<Click Handler="#{ItemsGrid}.getStore().reload();" />
</Listeners>
</ext:Button>
<ext:Button ID="btnAddItem" Icon="Add" Text="Nová polo?ka" runat="server" Disabled="true">
</ext:Button>
<ext:Button ID="Button5" Icon="Disk" Text="Ulo?it" runat="server">
</ext:Button>
<ext:Button ID="Button6" Icon="Delete" Text="Smazat" runat="server">
</ext:Button>
</Buttons>
</ext:FieldSet>
</Items>
</ext:FormPanel>
</ext:LayoutColumn>
<ext:LayoutColumn>
<ext:FieldSet ID="FieldSet4" runat="server" Title="Činnosti" Frame="false" Width="220"
Layout="FormLayout">
<Items>
<ext:GridPanel runat="server" ID="CinnostiGrid" Height="200" Title="Seznam">
<ColumnModel>
<Columns>
<ext:Column Header="Činnost" Sortable="true" DataIndex="CategoryName" Width="120" />
<ext:Column Header="Group" Sortable="true" DataIndex="GroupName" Width="90" />
<ext:Column Header="Popis" Sortable="true" DataIndex="Desc" Width="50" Hidden="true" />
<ext:NumberColumn Header="Sazba" Sortable="true" DataIndex="rate" Width="50" Align="Right" />
<ext:NumberColumn Header="Hodin" Sortable="true" DataIndex="hours" Width="46" Align="Right" />
<ext:TemplateColumn Header="Cena" DataIndex="" Align="Right" Width="50">
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">{[values.rate * values.hours]}</tpl>
</Html>
</Template>
</ext:TemplateColumn>
</Columns>
</ColumnModel>
<Store>
<ext:Store runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="CategoryName" Type="String" />
<ext:RecordField Name="GroupName" Type="String" />
<ext:RecordField Name="Desc" Type="String" />
<ext:RecordField Name="hours" Type="Float" />
<ext:RecordField Name="rate" Type="Float" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel2" runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<BottomBar>
<ext:StatusBar ID="StatusBar2" Text="Celkem ... hodin" runat="server">
<Items>
<ext:Checkbox ID="ShowItems" runat="server" BoxLabel="Zobrazit i seznam">
</ext:Checkbox>
<ext:Button ID="Button7" Icon="Calculator" runat="server" Hidden="true">
</ext:Button>
<ext:Button ID="Button8" Icon="Rainbow" runat="server" Hidden="true" />
</Items>
</ext:StatusBar>
</BottomBar>
</ext:GridPanel>
<ext:FormPanel runat="server" Header="false" ID="pnlCinnost" LabelWidth="45">
<Items>
<ext:ComboBox ID="CategoryName" runat="server" FieldLabel="Činnost" Width="319" DataIndex="CategoryName">
</ext:ComboBox>
<ext:CompositeField ID="CompositeField3" runat="server" FieldLabel="Sazba" AnchorHorizontal="100%">
<Items>
<ext:SpinnerField ID="CategoryRate" runat="server" MinValue="0" MaxValue="100000"
AllowDecimals="true" DecimalPrecision="1" IncrementValue="100" Accelerate="true"
AlternateIncrementValue="500" Width="60" DataIndex="rate" StyleSpec="padding-right:10px;" />
<ext:DisplayField runat="server" Text="Hodin:" />
<ext:SpinnerField ID="CategoryHours" runat="server" MinValue="0" MaxValue="1000"
AllowDecimals="true" DecimalPrecision="1" IncrementValue="8" Accelerate="true"
AlternateIncrementValue="40" Width="60" DataIndex="hours">
<Listeners>
<Spin Handler="/* Hack, if handler exist change is automatically updated - todo (works with line comment, but breaks other things */" />
</Listeners>
</ext:SpinnerField>
<ext:DisplayField ID="DisplayField2" runat="server" Text="Rezerva:" />
<ext:SpinnerField ID="CategoryRazerva" runat="server" MinValue="0" MaxValue="999"
AllowDecimals="true" DecimalPrecision="1" IncrementValue="8" Accelerate="true"
AlternateIncrementValue="500" Width="60" DataIndex="rezerva" />
<ext:DisplayField ID="DisplayField3" runat="server" Flex="1" Html=" " />
<ext:Button ID="Button9" runat="server" Text="ok">
</ext:Button>
</Items>
</ext:CompositeField>
</Items>
</ext:FormPanel>
</Items>
</ext:FieldSet>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Items>
</ext:FormPanel>
</Items>
</ext:FormPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
Can somebody help me please?