Sep 16, 2016, 3:42 PM
[CLOSED] Basic TabPanel Troubles
Hi Community !
Please check the code sample below:
Step 1. Click Button "Open Window 2"
Step 2. Tab "2" is not displayed
Step 3. Comment procedure "Example"
Can you help with the code?
I accept suggestions ideas or comments
Please check the code sample below:
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, DirectEventArgs e)
{
FormPanel2.Reset();
Example();
Window2.Show();
}
protected void Example()
{
FormPanel3.Items.Add(new TextField
{
FieldLabel = "FieldLabel1"
,
Name = "FieldLabel1"
,
ID = "FieldLabel1"
,
EnableKeyEvents = true
,
Text = "FieldLabel1"
});
FormPanel3.Items.Add(new TextField
{
FieldLabel = "FieldLabel2"
,
Name = "FieldLabel2"
,
ID = "FieldLabel2"
,
EnableKeyEvents = true
,
Text = "FieldLabel2"
});
FormPanel3.Items.Add(new TextField
{
FieldLabel = "FieldLabel3"
,
Name = "FieldLabel3"
,
ID = "FieldLabel3"
,
EnableKeyEvents = true
,
Text = "FieldLabel3"
});
FormPanel3.Items.Add(new TextField
{
FieldLabel = "FieldLabel4"
,
Name = "FieldLabel4"
,
ID = "FieldLabel4"
,
EnableKeyEvents = true
,
Text = "FieldLabel4"
});
FormPanel3.Items.Add(new TextField
{
FieldLabel = "FieldLabel5"
,
Name = "FieldLabel5"
,
ID = "FieldLabel5"
,
EnableKeyEvents = true
,
Text = "FieldLabel5"
});
FormPanel3.Reset();
FormPanel3.Render(Window2, RenderMode.AddTo);
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Edit Form View - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Explicit" Theme="Neptune" />
<ext:Window ID="Window1" runat="server"
Title="Window1"
Icon="ApplicationEdit"
Width="800"
Height="400"
BodyPadding="15"
Resizable="false"
Closable="false"
Layout="Fit">
<Items>
<ext:FormPanel ID="FormPanel1" runat="server"
Border="false"
Layout="Form">
<Items>
<ext:Button ID="Button1" runat="server" Text="Open Window 2" >
<DirectEvents>
<Click OnEvent="Button1_Click" ></Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:FormPanel>
</Items>
</ext:Window>
<ext:Window ID="Window2" runat="server"
Title="Plain TabPanel - Ext.NET Examples"
Modal="true"
Width="350"
Height="220"
Layout="Fit"
Hidden="true"
Closable="true">
<Items>
<ext:TabPanel ID="TabPanel1" runat="server">
<Items>
<ext:FormPanel ID="FormPanel2" runat="server"
BodyPadding="10" Title="Tab1"
DefaultAnchor="100%">
<Defaults>
<ext:Parameter Name="Anchor" Value="95%" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="SelectOnFocus" Value="true" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
</Defaults>
<Items>
<ext:TextField ID="TextField1" runat="server" FieldLabel="Name" BlankText="Name is required" />
<ext:DateField ID="DateField1" runat="server" FieldLabel="Birthdate" BlankText="Birthdate is required" />
</Items>
</ext:FormPanel>
<ext:FormPanel ID="FormPanel3" runat="server"
LabelWidth="75" Title="Tab2"
ButtonAlign="Right"
Border="false"
Padding="10">
<Defaults>
<ext:Parameter Name="Anchor" Value="95%" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="SelectOnFocus" Value="true" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
</Defaults>
<Items>
</Items>
</ext:FormPanel>
</Items>
</ext:TabPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
I have problems presenting / displaying the "TabPanel" control the second Tab is not displayed. I created a simple example to clarify my problem.Step 1. Click Button "Open Window 2"
Step 2. Tab "2" is not displayed
Step 3. Comment procedure "Example"
Can you help with the code?
I accept suggestions ideas or comments
Last edited by fabricio.murta; Sep 20, 2016 at 10:20 PM.