This is a migrated thread and some comments may be shown as answers.

Dynamic PageView example not working

2 Answers 113 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Damien McCarron asked on 18 Jan 2010, 02:17 PM

I have tried the example code for creating a Pageview via the Client API but it does not appear to work. There are no error messages, the function is being called but the new PageView is not being created.

http://www.telerik.com/help/aspnet-ajax/tab_add-pageviews-client-side.html

My code:

    
            <script> 
        
               function pageLoad()  
        
               {              
        
                   var multiPage = $find("<%=RadMultiPage1.ClientID %>");                          
        
                   multiPage.trackChanges();  
        
                   var pageView = new Telerik.Web.UI.RadPageView();   
        
                   pageView.set_id("myID");       
        
                   multiPage.get_pageViews().add(pageView);             
        
                   pageView.get_element().innerHTML = "PageView1";              
        
                   multiPage.commitChanges();  
        
               }    
        
            </script> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <asp:ScriptManager ID="ScriptManager" runat="server" /> 
        
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">  
        
               <Tabs> 
        
                   <telerik:RadTab runat="server" Text="Root RadTab1">  
        
                   </telerik:RadTab> 
        
                   <telerik:RadTab runat="server" Text="Root RadTab2">  
        
                   </telerik:RadTab> 
        
                   <telerik:RadTab runat="server" Text="Root RadTab3">  
        
                   </telerik:RadTab> 
        
               </Tabs> 
        
            </telerik:RadTabStrip>      
        
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server">              
        
            </telerik:RadMultiPage>   
        
                </form> 
        
            </body>

2 Answers, 1 is accepted

Accepted

answered on 19 Jan 2010, 11:38 AM

Hi Damien,

Actually this is a known issue in RadTabStrip which is already logged and will be fixed. For now, please set the pageview manually to the tab like this:

<script type="text/javascript">

function pageLoad() {

var multiPage = $find("<%=RadMultiPage1.ClientID %>");

var tabStrip = $find("<%=RadTabStrip1.ClientID %>");

multiPage.trackChanges();

var pageView = new Telerik.Web.UI.RadPageView();

pageView.set_id("myID");

multiPage.get_pageViews().add(pageView);

tabStrip.get_tabs().getTab(0).set_pageViewID("myID");

pageView.get_element().innerHTML = "PageView1";

multiPage.commitChanges();

}

</script>

Best regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Dynamic PageView example not working

2 Answers, 1 is accepted