Jun 13, 2019, 5:15 PM
TabPanel conversion from Coolite 0.8 to Ext.net 3.2.1 issue
I'm updating a Coolite 0.8 asp.net project to Ext.Net 3.2.1 (Our lastest purchase).
I had a TabPanel with five panels in the 0.8 version. The panels were a mix of 2 HTML forms and 3 IFrame tabs.
In the 3.2.1 conversion I can't get the Frames to load if I fill my forms with data from code behind.
If I don't load my forms, the panels will load the frames.
In my example - if you run the page as is - the date fields will fill in Panel1 and Panel2 will be empty. If you comment out the Prefill in the code behind, Panel2 will load the page.
What do I need to do to get both to work together in the 3.2.1 TabPanel control?
I had a TabPanel with five panels in the 0.8 version. The panels were a mix of 2 HTML forms and 3 IFrame tabs.
In the 3.2.1 conversion I can't get the Frames to load if I fill my forms with data from code behind.
If I don't load my forms, the panels will load the frames.
In my example - if you run the page as is - the date fields will fill in Panel1 and Panel2 will be empty. If you comment out the Prefill in the code behind, Panel2 will load the page.
What do I need to do to get both to work together in the 3.2.1 TabPanel control?
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
//Comment: Prefill Dates in Panel1
txtStartDate.Value = DateTime.Now.AddDays(-60).ToShortDateString();
txtEndDate.Value = DateTime.Now.ToShortDateString();
//Comment: Load Panel2
this.Panel2.Loader.Url = "http://Ext.Net";
this.Panel2.LoadContent();
}
}
<ext:TabPanel ID="TabPanel1" runat="server" AutoDoLayout="true">
<Items>
<ext:Panel ID="Panel1" runat="server" Title="Tab 1">
<Items>
<ext:FieldSet ID="fsVisitHistory" runat="server" Title="" Height="200px">
<Content>
<ext:DateField ID="txtStartDate" runat="server" Format="MM/dd/yyyy" Vtype="daterange" AllowBlank="false">
<Listeners>
<Render Handler="this.endDateField = '#{txtEndDate}'; this.validate();" Delay="50" />
</Listeners>
</ext:DateField>
<ext:DateField ID="txtEndDate" runat="server" Format="MM/dd/yyyy" Vtype="daterange" AllowBlank="false">
<Listeners>
<Render Handler="this.startDateField = '#{txtStartDate}'; this.validate();" />
</Listeners>
</ext:DateField>
</Content>
</ext:FieldSet>
</Items>
</ext:Panel>
<ext:Panel ID="Panel2" runat="server" Title="Tab 2" Height="680" Padding="3">
<Loader runat="server" Mode="Frame">
</Loader>
</ext:Panel>
</Items>
</ext:TabPanel>
Last edited by jmilton; Jun 13, 2019 at 5:20 PM.