Jul 17, 2010, 7:05 AM
Help With Layout
I have a form panel with textfields and Labels. I have added them in formlayout. Previously I was using them with table but it was not triggering the Validation event properly (It Always used to return true).
Can you please suggest which layout to use to get the proper layout as I it is in attached image
Below is my code.
Can you please suggest which layout to use to get the proper layout as I it is in attached image
Below is my code.
<ext:FormPanel ID="FormPanel1" runat="server" Border="false" MonitorValid="true"
BodyStyle="background-color:transparent;" LabelAlign="Left" AutoScroll="true" MonitorPoll="500" HideLabels="true">
<Body>
<ext:FormLayout runat="server">
<ext:Anchor Horizontal="-5">
<ext:MultiField runat="server">
<Fields>
<ext:Label runat="server" StyleSpec="text-align:right;vertical-align:bottom;" Text="Doc. No:"></ext:Label>
<ext:ComboBox ID="cmbDocSeriesNew" runat="server" Width="75px" Mode="Local" StoreID="stDocSeries"
AutoShow="true" ReadOnly="true" Disabled="true" AllowBlank="false">
</ext:ComboBox>
<ext:TextField ID="txtDocNo" runat="server" Text="" Width="100px" ReadOnly="true"
Disabled="true">
</ext:TextField>
<ext:Label ID="Label2" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Doc Date:" Width="200px"></ext:Label>
<ext:DateField ID="dtDocDate" runat="server" ReadOnly="true" Disabled="true" Format="dd/MM/yyyy"
AllowBlank="false" Vtype="daterange" >
</ext:DateField>
<ext:Label ID="Label3" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Rapa Back:"></ext:Label>
<ext:NumberField ID="txtRapaBack" runat="server" AllowDecimals="true" AllowNegative="false"
AllowBlank="true" Width="40px" NanText="0">
</ext:NumberField>
<ext:Label ID="Label4" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Currency:"></ext:Label>
<ext:ComboBox ID="cmbCurrency" runat="server" Editable="false" Width="100px" StoreID="stCurrency" Disabled="true">
</ext:ComboBox>
</Fields>
</ext:MultiField>
</ext:Anchor>
<ext:Anchor Horizontal="-5">
<ext:MultiField runat="server">
<Fields>
<ext:Label ID="Label5" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Supplier :"></ext:Label>
<ext:ComboBox ID="cmbSupplier" runat="server" Width="350px" Mode="Local" AutoShow="true" StoreID="stSupplier" ReadOnly="true" Disabled="true" AllowBlank="false">
</ext:ComboBox>
<ext:Label ID="Label6" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Redu. Back:"></ext:Label>
<ext:NumberField ID="txtReducedBack" runat="server" AllowDecimals="true" AllowNegative="false" AllowBlank="true" Width="40px" NanText="0" EmptyText="0" >
</ext:NumberField>
<ext:Label ID="Label7" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Currency Amount :"></ext:Label>
<ext:NumberField ID="txtCurrencyAmt" runat="server" AllowDecimals="true" AllowNegative="false"
AllowBlank="true" Width="100px" StyleSpec="text-align:right" NanText="0" EmptyText="0"
Text="0" Disabled="true">
</ext:NumberField>
</Fields>
</ext:MultiField>
</ext:Anchor>
<ext:Anchor Horizontal="-5">
<ext:MultiField ID="MultiField1" runat="server">
<Fields>
<ext:Label ID="Label8" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Inv No:"></ext:Label>
<ext:TextField ID="txtInvoiceNo" runat="server" ReadOnly="true" Disabled="true" AllowBlank="false">
</ext:TextField>
<ext:Label ID="Label9" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Inv Date:"></ext:Label>
<ext:DateField ID="dtInvoiceDate" runat="server" ReadOnly="true" Disabled="true" Format="dd/MM/yyyy" >
</ext:DateField>
<ext:Label ID="Label10" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Disc. 1:"></ext:Label>
<ext:NumberField ID="txtDiscount1" runat="server" AllowDecimals="true" AllowNegative="false" AllowBlank="true" Width="40px" NanText="0" EmptyText="0" Text="0" >
</ext:NumberField>
<ext:Label ID="Label11" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Currency Rate:"></ext:Label>
<ext:NumberField ID="txtCurrencyRate" runat="server" AllowDecimals="true" AllowNegative="false" AllowBlank="true" Width="100px" StyleSpec="text-align:right" NanText="0" EmptyText="0" Text="0" Disabled="true" >
</ext:NumberField>
</Fields>
</ext:MultiField>
</ext:Anchor>
<ext:Anchor Horizontal="-5">
<ext:MultiField ID="MultiField2" runat="server">
<Fields>
<ext:Label ID="Label13" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Terms:"></ext:Label>
<ext:ComboBox ID="cmbPaymentTerm" runat="server" Width="250px" Mode="Local" ReadOnly="true"
Disabled="true" AllowBlank="false">
</ext:ComboBox>
<ext:Label ID="Label14" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Due Date:"></ext:Label>
<ext:DateField ID="dtDueDate" runat="server" ReadOnly="true" Disabled="true" Format="dd/MM/yyyy">
</ext:DateField>
<ext:Label ID="Label15" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Disc. 2:"></ext:Label>
<ext:NumberField ID="txtDiscount2" runat="server" AllowDecimals="true" AllowNegative="false"
AllowBlank="true" Width="40px" NanText="0" EmptyText="0" Text="0" >
</ext:NumberField>
<ext:Label ID="Label16" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Amount:"></ext:Label>
<ext:NumberField StyleSpec="text-align:right" ID="txtAmount" runat="server" AllowDecimals="true"
AllowNegative="false" AllowBlank="true" Width="100px" NanText="0" EmptyText="0"
Text="0" Disabled="true" >
</ext:NumberField>
</Fields>
</ext:MultiField>
</ext:Anchor>
<ext:Anchor Horizontal="-5">
<ext:MultiField ID="MultiField3" runat="server">
<Fields>
<ext:Label ID="Label12" runat="server" StyleSpec="text-align:right;vertical-align:bottom" Text="Perticulars:"></ext:Label>
<ext:TextField ID="txtPerticulars" runat="server" Width="250px" Mode="Local" ReadOnly="true"
Disabled="true" AllowBlank="false">
</ext:TextField>
<ext:Label runat="server" Html="" ID="lblRecordPosted"></ext:Label>
</Fields>
</ext:MultiField>
</ext:Anchor>
<ext:Anchor>
<ext:Toolbar runat="server" ID="tbrHeadPanelBar">
<Items>
<ext:Button ID="btnHeadMasterFirst" runat="server" Text="First" Icon="ResultsetFirst"
Disabled="true">
</ext:Button>
<ext:Button ID="btnHeadMasterPrev" runat="server" Text="Prior" Icon="ResultsetPrevious"
Disabled="true">
</ext:Button>
<ext:Button ID="btnHeadMasterNext" runat="server" Text="Next" Icon="ResultsetNext"
Disabled="true">
</ext:Button>
<ext:Button ID="btnHeadMasterLast" runat="server" Text="Last" Icon="ResultsetLast"
Disabled="true">
</ext:Button>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:ToolbarSeparator ID="ToolbarSeparator11" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterNew" runat="server" Text="New" Icon="ApplicationAdd"
Disabled="true">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterEdit" runat="server" Text="Edit" Icon="ApplicationEdit"
Disabled="true">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterVoid" runat="server" Text="Void" Icon="ApplicationDelete"
OnClientClick="return confirmAction()" Disabled="true">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator3" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterSave" runat="server" Text="Save" Icon="Accept" Disabled="true" OnClientClick="return ValidateHeadPanel(#{FormPanel1})">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator4" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterCancel" runat="server" Text="Cancel" Icon="Decline"
Disabled="true">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator5" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterSelectStock" runat="server" Text="Select Stock" Icon="ApplicationGet"
Disabled="true">
</ext:Button>
<ext:ToolbarSeparator ID="ToolbarSeparator10" runat="server">
</ext:ToolbarSeparator>
<ext:Button ID="btnHeadMasterPrint" runat="server" Text="Print" Icon="Printer" Disabled="true">
</ext:Button>
<ext:Button ID="btnReverseEntry" runat="server" Text="Reverse Entry" Icon="ArrowUndo" Disabled="true" OnClientClick="return confirmAction()">
</ext:Button>
</Items>
</ext:Toolbar>
</ext:Anchor>
</ext:FormLayout>
</Body>
<Listeners>
<ClientValidation Handler="if(!(#{cmbDocSeriesNew}.disabled)){#{btnHeadMasterSave}.setDisabled(!valid);}" />
</Listeners>
</ext:FormPanel>
