Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
165
UltraWebTab - Load on Demand Sample?
posted

Hello,

We're currently evaluating Infragistics and Telerik ASP.NET toolkits for our dev shop - one of the scenarios we're looking at is loading the contents of a tab on demand (only when selected - so we don't need to load all data on the page load).  Looking through the Infragistics documentation and samples, I haven't been able to locate guidance for this...Telerik has a sample performing just what we're looking for at their site in the following demo - http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/loadondemand/defaultcs.aspx.

Is there something similar that Infragistics has to offer?

Thanks,

jerry

  • 24497
    posted

    Hi Jerry,

    UltraWebTab has LoadOnDemand options, but they are available only with enabled AsynMode, which is not compatible with UpdatePanel and does not support AJAX controls as children of ContentPanes.

    The new WebTab (Aikido) control which is based on AJAX and has many options related to LoadOnDemand, async mode, ContentUrl, ContentUrl-LoadOnDemand, etc. and all their combinations.

    If LoadOnDemand is enabled, then the only content of selected tab is loaded and passed to client. There is no need in extra coding by application:just set a simple bool property. Similar with all other options related to postback: they are bool members of the PostBackOptions class.

    <ig:WebTab ID="WebTab1" runat="server" Height="200px" Width="400px">
       <Tabs>
        <ig:ContentTabItem runat="server" Text="Tab 1">
         <Template>
          <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
         </Template>
        </ig:ContentTabItem>
        <ig:ContentTabItem runat="server" Text="Tab 2">
         <Template>
          <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
         </Template>
        </ig:ContentTabItem>
        <ig:ContentTabItem runat="server" Text="Tab 3">
         <Template>
          <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
         </Template>
        </ig:ContentTabItem>
       </Tabs>
       <PostBackOptions EnableLoadOnDemand="True" />
    </ig:WebTab>