TabPanel conversion from Coolite 0.8 to Ext.net 3.2.1 issue

  1. #1

    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?

    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.

Similar Threads

  1. Ext.net TabPanel issue
    By alexanderius in forum 2.x Help
    Replies: 5
    Last Post: Feb 23, 2014, 12:02 PM
  2. How to cet conversion on Ext.data.Field
    By PetrSnobelt in forum 2.x Help
    Replies: 1
    Last Post: Oct 26, 2012, 2:36 PM
  3. [CLOSED] Ext.Net's tabpanel and ExtJs tabpanel anchor
    By SouthDeveloper in forum 1.x Premium Help
    Replies: 2
    Last Post: Nov 21, 2011, 12:57 PM
  4. [CLOSED] Coolite Ext TabPanel Not Working
    By LeeTheGreek in forum 1.x Premium Help
    Replies: 9
    Last Post: Jul 26, 2010, 11:47 AM
  5. [CLOSED] about Coolite.Net 0.8 Vs Ext.Net 1.0
    By skyone in forum 1.x Premium Help
    Replies: 11
    Last Post: May 14, 2010, 4:16 AM

Posting Permissions