Aug 25, 2010, 3:31 AM
[CLOSED] form layout with composite field problem
Hii, I have some composite field inside form layout and I found my page was not correct. Here is my markup
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Test</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ScriptManager" runat="server" >
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server" Layout="Center">
<Items>
<ext:Panel ID="Panel1" runat="server" AutoScroll="true" Layout="Center" Border="true">
<Items>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" BodyBorder="false"
EnableTabScroll="true" Plain="true">
<Items>
<ext:Panel ID="Panel4" runat="server" Title="Tab1" BodyStyle="padding: 6px;"
Layout="Fit" Border="true">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ComboBox ID="cmbJP" runat="server" EmptyText="Select One"
ForceSelection="true" Width="300px" FieldLabel="Select One" Editable="false"
AnchorHorizontal="100%">
<Items>
<ext:ListItem Text="Item1" Value="Item1" />
<ext:ListItem Text="Item2" Value="Item2" />
</Items>
<SelectedItem Value="Item1" />
</ext:ComboBox>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
<ext:ColumnLayout ID="ColumnLayout1" runat="server">
<Columns>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel runat="server" ID="panel8" BodyStyle="padding: 5px" Layout="Form" AnchorHorizontal="100%">
<Items>
<ext:CompositeField ID="c1" runat="server" FieldLabel="C1">
<Items>
<ext:TextField ID="num1" runat="server" MaxLength="6" EmptyText="Number" MaskRe="[0-9]"
Flex="1" />
<ext:Label ID="slash301" runat="server" Text="/" />
<ext:TextField ID="yea1" runat="server" MaxLength="4" Width="75" EmptyText="Year"
MaskRe="[0-9]" />
<ext:DateField ID="dat1" runat="server" EmptyText="Date" Format="dd/MM/yyyy" />
</Items>
</ext:CompositeField>
<ext:CompositeField ID="c2" runat="server" FieldLabel="C2">
<Items>
<ext:TextField ID="num2" runat="server" MaxLength="6" EmptyText="Number" MaskRe="[0-9]"
Flex="1" />
<ext:Label ID="slash2" runat="server" Text="/" />
<ext:TextField ID="yea2" runat="server" MaxLength="4" Width="75" EmptyText="Year"
MaskRe="[0-9]" />
<ext:DateField ID="dat2" runat="server" EmptyText="Date" Format="dd/MM/yyyy" />
</Items>
</ext:CompositeField>
<ext:CompositeField ID="c3" runat="server" FieldLabel="C3">
<Items>
<ext:TextField ID="num3" runat="server" MaxLength="6" EmptyText="Number" MaskRe="[0-9]"
Flex="1" />
<ext:Label ID="slash3" runat="server" Text="/" />
<ext:TextField ID="yea3" runat="server" MaxLength="4" Width="75" EmptyText="Year"
MaskRe="[0-9]" />
<ext:DateField ID="dat3" runat="server" EmptyText="Date" Format="dd/MM/yyyy" />
</Items>
</ext:CompositeField>
</Items>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel runat="server" ID="panel9">
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Content>
</ext:Panel>
<ext:Panel ID="panel2" runat="server" Title="Tab2" BodyStyle="padding: 6px;"
Layout="Fit">
<Content>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by geoffrey.mcgill; Aug 30, 2010 at 10:14 PM.
Reason: please use [CODE] tags, [CLOSED]