Questions on UI for ASP.NET AJAX Forum

3 answers

115 views

$find() is failing miserably for me when I try to obtain a reference to the RadMultiPage control on my page. The following just returns null on the second statement of showPageView .Here is my markup... I've got the showPageView function bound to the OnClientItemClicked event of the RadMenu. I'm just trying to show a different multiPage when a RadMenuItem is clicked. Extremely simple, I know. Any thoughts? This is driving me crazy. I'm using VS2008 and v 2010.2.929.35

Thanks in advance for any help/insight!

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

<link href="CSS/style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</asp:ScriptManager>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

$(document).ready(function() { // Wait for the HTML to finish loading.

var resize = function() {

var height = $(window).height(); // Get the height of the browser window area.

var element = $("form"); // Find the element to resize.

element.height(height); // Set the element's height.

}

resize();

$(window).bind("resize", resize);

});

function showPageView(sender, eventArgs) {

var clientId = "<%= RadMultiPage1.ClientID %>";

var multipage = $find(clientId);

if (eventArgs.get_item().get_value() != null) {

alert(eventArgs.get_item().get_value());

var pageView = multipage.findPageViewByID(eventArgs.get_item().get_value());

if (pageView)

pageView.set_selected(true);

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div id="mainWrapper">

<div id="pageWrapper">

<div id="topWelcomeBanner">

<div id="welcomebox">

<a target="_blank" href="http://www.mercer.com:80/regredirect.htm?siteLanguage=100">Register on our site</a>

<font style="color:#0057A6">|</font>

<a target="_blank" href="https://clients.haifc.com">Log in to Client Portal</a>

</div>

<div id="masthead">

<a href="">

<img border="0" src="images/mercer_logo_175x24.gif" name="cmp_img_global_header_logo" alt="Mercer" title="Mercer"/>

</a>

<div align="right" style="font-size:10px" class="piller1">

<a href="">

<img border="0" src="images/mercer_pillars_new.gif" name="cmp_img_global_header_logo" alt="Consulting. Outsourcing. Investments."/>

</a>

</div>

<div class="hnav">

<telerik:RadMenu ID="RadMenu1" runat="server" Flow="Horizontal" OnClientItemClicked="showPageView" CssClass="menu">

<DefaultGroupSettings ExpandDirection="Auto" Flow="Vertical" />

<CollapseAnimation Duration="200" Type="OutQuint" />

<Items>

<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Home" Value="RadPageView6" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Bold="true">