I am using ASP:TabContainer with ASP:Panel and ran into problem with refresh. I could not refresh just the tab, only the only page - I really need just a tab refresh.
So, I though I would tryRadTabStrip.
<%@ Register Src="~/Admin/GroupBasics.ascx" TagName="GroupBasicsCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupForm.ascx" TagName="GroupFormCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupMemberPage.ascx" TagName="GroupMembersPageCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupMembers.ascx" TagName="GroupMembersCS" TagPrefix="uc" %>
...
<telerik:RadTabStrip ID="GroupTabStrip" runat="server" OnClientTabSelecting="" AutoPostBack="false" r Align="Justify" MultiPageID="GroupTabPV" SelectedIndex="0">
<Tabs>
<telerik:RadTab PageViewID="GroupBasicsPV" Text="Group Basics"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupFormPV" Text="Group Form"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupMembersPagePV" Text="Group Members Page"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupMembersPV" Text="Group Members"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage runat="server" ID="GroupTabPV" SelectedIndex="0">
<telerik:RadPageView runat="server" ID="GroupBasicsPV">
GroupBasicsPV
<div class="contentWrapper">
<uc:GroupBasicsCS runat="server" ID="GroupBasicsCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupFormPV">
GroupFormPV
<div class="contentWrapper">
<uc:GroupFormCS runat="server" ID="GroupFormCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupMembersPagePV">
GroupMembersPagePV
<div class="contentWrapper">
<uc:GroupMembersPageCS runat="server" ID="GroupMembersPageCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupMembersPV">
GroupMembersPV
<div class="contentWrapper">
<uc:GroupMembersCS runat="server" ID="GroupMembersCS"/>
</div>
</telerik:RadPageView>
</telerik:RadMultiPage>
With this setup if I try to open a RadEditor in the window I get a document not defined error:
Type.registerNamespace("Telerik.Web.UI.Editor");
Uncaught TypeError: Cannot read property 'document' of null
in some Telerik code:
(function(a,b,c){b.RestorePoint=function(e,d){this.Window=e;
this.Document=e.document;
this.container=(d)?d:this.Document.body;
AND
when a do a refresh it not only refreshes the whole page, but it also changes the tab back to the first one. It is also annoying that all the pages in the tabs are called on page creation before their tabs are clicked, potentially a huge waste of resources.
There is might be a way to work around all this but the examples and documentation completely lack using an ascx collection. I would have thought a rather normal use. I am probably doing it all wrong but I could only find one example with ascx's, TabStrip - Render Selected Page Only . I probably need to control the tab strip more directly which I would pursue but the Document not defined error kind of kills using the TabStrip at all.
So, I though I would tryRadTabStrip.
<%@ Register Src="~/Admin/GroupBasics.ascx" TagName="GroupBasicsCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupForm.ascx" TagName="GroupFormCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupMemberPage.ascx" TagName="GroupMembersPageCS" TagPrefix="uc" %>
<%@ Register Src="~/Admin/GroupMembers.ascx" TagName="GroupMembersCS" TagPrefix="uc" %>
...
<telerik:RadTabStrip ID="GroupTabStrip" runat="server" OnClientTabSelecting="" AutoPostBack="false" r Align="Justify" MultiPageID="GroupTabPV" SelectedIndex="0">
<Tabs>
<telerik:RadTab PageViewID="GroupBasicsPV" Text="Group Basics"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupFormPV" Text="Group Form"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupMembersPagePV" Text="Group Members Page"></telerik:RadTab>
<telerik:RadTab PageViewID="GroupMembersPV" Text="Group Members"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage runat="server" ID="GroupTabPV" SelectedIndex="0">
<telerik:RadPageView runat="server" ID="GroupBasicsPV">
GroupBasicsPV
<div class="contentWrapper">
<uc:GroupBasicsCS runat="server" ID="GroupBasicsCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupFormPV">
GroupFormPV
<div class="contentWrapper">
<uc:GroupFormCS runat="server" ID="GroupFormCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupMembersPagePV">
GroupMembersPagePV
<div class="contentWrapper">
<uc:GroupMembersPageCS runat="server" ID="GroupMembersPageCS" />
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="GroupMembersPV">
GroupMembersPV
<div class="contentWrapper">
<uc:GroupMembersCS runat="server" ID="GroupMembersCS"/>
</div>
</telerik:RadPageView>
</telerik:RadMultiPage>
With this setup if I try to open a RadEditor in the window I get a document not defined error:
Type.registerNamespace("Telerik.Web.UI.Editor");
Uncaught TypeError: Cannot read property 'document' of null
in some Telerik code:
(function(a,b,c){b.RestorePoint=function(e,d){this.Window=e;
this.Document=e.document;
this.container=(d)?d:this.Document.body;
AND
when a do a refresh it not only refreshes the whole page, but it also changes the tab back to the first one. It is also annoying that all the pages in the tabs are called on page creation before their tabs are clicked, potentially a huge waste of resources.
There is might be a way to work around all this but the examples and documentation completely lack using an ascx collection. I would have thought a rather normal use. I am probably doing it all wrong but I could only find one example with ascx's, TabStrip - Render Selected Page Only . I probably need to control the tab strip more directly which I would pursue but the Document not defined error kind of kills using the TabStrip at all.