Edit this page

RadMultiPage Object

Telerik RadMultiPage exposes a client-side API to manage the switching of the pages. The client-side RadMultiPage object has a method named get_pageViews, which returns a RadPageViewCollection of all PageViews contained within the MultiPage.

Name Parameters Return Type Description
get_visible none Boolean Returns true if the MultiPage is visible. See Example 1.
set_visible Boolean none Shows/Hides the MultiPage. See Example 2.
get_selectedPageView none RadPageView Returns the currently selected PageView. See Example 3.
get_pageViews none RadPageViewCollection Returns a collection of all PageViews. See Example 4.
findPageViewByID String RadMultiPage Gets the first RadMultiPage instance, whose id corresponds to the passed parameter. See Example 5.
get_selectedIndex none Integer Returns the index of the selected PageView.
set_selectedIndex Integer none Sets the SelectedIndex of the MultiPage.
get_element none HTML Element Gets the DOM element for the MultiPage.

Example 1. Retrieve visibility status of RadMultiPage 

var multiPage = $find("<%=RadMultiPage1.ClientID %>");
if(multiPage.get_visible()) {
   alert("visible");
} else {
   alert("invisible");
}     

Example 2. Toggle visibility status of RadMultiPage 

var multiPage = $find("<%=RadMultiPage1.ClientID %>");
if(multiPage.get_visible()) {
   multiPage.set_visible(false);
} else {
   multiPage.set_visible(true);
}           

Example 3. Get selected PageView 

var multiPage = $find("<%=RadMultiPage1.ClientID %>");
var pageView = multiPage.get_selectedPageView();
if(pageView) {
   alert("The ID of the selected RadPageView is " + pageView.get_id());
}     

 Example 4. Get all PageViews 

var multiPage = $find("<%=RadMultiPage1.ClientID %>");
var i;
for(i=0; i<multiPage.get_pageViews().get_count();i++)
{
   alert(multiPage.get_pageViews().getPageView(i).get_id());
}   

 Example 5. Find a PageView by ID 

var multiPage = $find("<%=RadMultiPage1.ClientID %>");
var pageView = multiPage.findPageViewByID("Pageview2");
if(pageView)
   pageView.set_selected(true);