RadMultipage selectpagebyid not supproted

2 posts, 0 answers
  1. Syed
    Syed avatar
    15 posts
    Member since:
    Jan 2009

    Posted 13 May 2009 Link to this post

    I am using RadMultipage without tabstrip but whenever I tried to change the page it generates an error that property or method is not supported. I tried both selectPagebyindex and byId. The code is

     <form id="form1" runat="server">  
          
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        </telerik:RadScriptManager> 
          
        <telerik:RadSplitter ID="RadSplitter1" Runat="server" Height="100%"   
            Orientation="Horizontal" Width="100%" Items-Capacity="4" SplitBarsSize="">  
            <telerik:RadPane ID="RadPane1" Runat="server" Height="15%" Width=""   
                EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False" Index="0"   
                Skin="">  
                <table align="center" class="AdminTable" cellpadding="4" cellspacing="0" width="90%">  
            <tr> 
                <td class="AdminTitle" align="center">  
                    <asp:Label ID="lblBuilding" runat="server" Text="Reports"></asp:Label> 
                </td> 
                <td class="AdminTitleDetail" align="left">  
                    <asp:Label ID="lblInfo" runat="server" Text="Reporting provides the ability to generate reports from system metrics of devices, servers, and network infrastructure."></asp:Label> 
                </td> 
                <td class="AdminTitleDetail" align="center" width="160">  
                    <asp:Button ID="btnApply" runat="server" Text="Apply" CssClass="AdminButton"   
                        Visible="False" /> 
                </td> 
            </tr> 
        </table> 
         <table class="AdminTable" border="0" cellpadding="0" cellspacing="0" align="center" width="90%">  
            <tr> 
                <td width="60px">  
                    <img id="menu1" src="images/dashboardselected.jpg" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="RadMultiPage1.SelectPageById('DeskTop');return(false)"></td> 
                <td> 
                    <img id="menu2" src="images/camerasunselected.jpg" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="RadMultiPage1.SelectPageById('CamerasHealth');return(false)"/></td> 
                <td> 
                    <img id="menu3" src="images/devicesunselected.jpg" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="RadMultiPage1.SelectPageById('DevicesHealth');return(false)"/></td> 
                <td> 
                    <img id="menu4" src="images/serversunselected.jpg" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="RadMultiPage1.SelectPageById('ServerHealth');return(false)"/></td> 
                <td> 
                    <img id="menu5" src="images/storageunselected.jpg" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="RadMultiPage1.SelectPageById('StorageHealth');return(false)"/></td> 
                <td> 
                  <!--  <img id="menu6" src="images/reportingunselected.jpg" visible="false" class="AdminMenu" onmouseover="menuOver(this)" onmouseout="menuOut(this)" onclick="menuSelect(this)"/></td> --> 
                  
                <td style="background-image: url(images/hdr_bg.jpg)" width="100%">  
                    <input id="NavHidden" type="hidden" value="menu1" runat="server"/></td> 
                <td><img src="images/tabendrightblue.jpg" width="8px" height="20px"></td> 
            </tr> 
        </table> 
            </telerik:RadPane> 
            <telerik:RadPane ID="RadPane2" Runat="server" Height="85%" Locked="True"   
                    Width="">  
                <telerik:RadMultiPage ID="RadMultiPage1"  Runat="server" Height="100%"   
                    Width="100%">  
                    <telerik:RadPageView ID="DeskTop" runat="server">  
                    <table class="style1" border="0" cellpadding="0" cellspacing="0" align="center">  
                <tr> 
                    <td align="center" valign="middle">  
                         
                        <asp:Image ID="imgCamera" runat="server" ImageUrl="Camera.gif"   
                             /> 
                         
                    </td> 
                    <td class="style3" align="center"    
                        style="background-image: url('images/grayline.JPG'); background-repeat: repeat-y">  
                       </td> 
                    <td align="center">  
                        <asp:Image ID="imgServer" runat="server" ImageUrl="Server.gif" style="  margin-left:12px; margin-bottom:12px;"  /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="style4"style="background-image: url('images/hgreyline.JPG'); background-repeat: repeat-x">   
                        &nbsp;</td> 
                    <td class="style3"align="center"    
                        style="background-image: url('images/grayline.JPG'); background-repeat: repeat-y">  
                        </td> 
                    <td class="style4"style="background-image: url('images/hgreyline.JPG'); background-repeat: repeat-x">   
                        </td> 
                </tr> 
                <tr> 
                     <td align="center" valign="middle">   
                         <asp:Image ID="imgDevice" runat="server" ImageUrl="Device.gif"  /> 
                       
                     </td> 
                     <td class="style3" align="center"   
                        style="background-image: url('images/grayline.JPG'); background-repeat: repeat-y">   
                         </td> 
                     <td align="center" valign="middle">  
                         <asp:Image ID="imgStorage" runat="server" ImageUrl="Storage.gif"  /> 
                     </td> 
                </tr> 
            </table> 
                    </telerik:RadPageView> 
                     <telerik:RadPageView ID="CamerasHealth" runat="server"></telerik:RadPageView> 
                      <telerik:RadPageView ID="DevicesHealth" runat="server"></telerik:RadPageView> 
                      <telerik:RadPageView ID="ServerHealth" runat="server"></telerik:RadPageView> 
                       <telerik:RadPageView ID="StorageHealth" runat="server"></telerik:RadPageView> 
                </telerik:RadMultiPage> 
            </telerik:RadPane> 
        </telerik:RadSplitter> 
           
        </form> 

    I will appreciate if anyone can help me
  2. Alex Lawson
    Alex Lawson avatar
    43 posts
    Member since:
    May 2008

    Posted 14 May 2009 Link to this post

    I think this will work:

           function SelectPage(pageID) 
           { 
                var mp = $find("RadMultiPage1"); 
                mp.findPageViewByID(pageID).select(); 
           } 

Back to Top