In a radwindow I'm trying to run server side code through the RadAjaxManager.ajaxRequest on docuemnt.Ready(). I get he following javascriopt error 0x800a138f - JavaScript runtime error: Unable to get property 'ajaxRequest' of undefined or null reference. I assume the $find("RadAjaxManager1").ajaxRequest("Rebind") line isn't finding the RadAjaxManager Control. Can I not call the ajaxRequest in document.ready()? Is it too early?
The control is named properly from what I can tell.
Code is below
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DListFullTel_Update_Mult.aspx.vb" Inherits="DListFullTel_Update_Mult" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:PlaceHolder ID="PlaceHolder1" runat="server">
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#rblChoice_0").click(function (e) {
disableSubmit()
});
$("#rblChoice_1").click(function (e) {
disableSubmit()
});
$("#rblChoice_2").click(function (e) {
disableSubmit()
});
$("#taComments").keyup(function () {
disableSubmit()
});
$("#taComments").mouseleave(function () {
disableSubmit()
});
$("#hdDataIDs").val(GetRadWindow().BrowserWindow.document.getElementById("txtInput").value) ;
GetPageValues()
});
function disableSubmit() {
if (($.trim($("#taComments").val()) == "") && ($("#rblChoice input:radio:checked").val() == 2)) {
$("#btnSubmit").attr("disabled", "disabled")
}
else {
$("#btnSubmit").removeAttr("disabled", "disabled")
}
}
function CloseAndRebind(args) {
GetRadWindow().BrowserWindow.refreshGrid(args);
GetRadWindow().close();
}
function GetRadWindow() {
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
return oWindow;
}
function CancelEdit() {
GetRadWindow().close();
}
function GetPageValues(arg) {
$find("<%= RadAjaxManager1.ClientID%>").ajaxRequest("Rebind");
}
</script>
</asp:PlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divReturn">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server"></telerik:RadSkinManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="hdDataIDs" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="hdDataIDs">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="hdDataIDs" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1">
<asp:HiddenField ID="hdDataIDs" runat="server" ClientIDMode="Static" Value="not yet" />
<table style="width: 200px; border: 0px;" cellpadding="3" cellspacing="0">
<tr>
<td colspan="2" style="padding-left: 15px;">
<div id="brands">
<asp:RadioButtonList ID="rblChoice" runat="server" ClientIDMode="Predictable"
RepeatDirection="Horizontal">
<asp:ListItem Value="0">Pending</asp:ListItem>
<asp:ListItem Selected="True" Value="1">Don't Keep</asp:ListItem>
<asp:ListItem Value="2">Keep</asp:ListItem>
</asp:RadioButtonList>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top; padding-left: 20px">
Comments:
</td>
<td>
<textarea id="taComments" name="taComments" cols="25" rows="5"></textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 15px;">
<span style="font-weight: bold;">Apply to:</span> <asp:Label ID="lbldialogParentName" runat="server" Text="Label"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input id="btnSubmit" type="button" value="Submit" disabled="disabled" />
<input id="btnClose2" type="button" value="Cancel" />
<asp:HiddenField ID="hdlbldialogParentID" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="hdlbldialogDispNodeID" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="hdlbldialogUserID" runat="server" ClientIDMode="Static" />
</td>
</tr>
</table>
</telerik:RadAjaxPanel>
</div>
</div>
</form>
</body>
</html>
The control is named properly from what I can tell.
Code is below
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DListFullTel_Update_Mult.aspx.vb" Inherits="DListFullTel_Update_Mult" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:PlaceHolder ID="PlaceHolder1" runat="server">
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#rblChoice_0").click(function (e) {
disableSubmit()
});
$("#rblChoice_1").click(function (e) {
disableSubmit()
});
$("#rblChoice_2").click(function (e) {
disableSubmit()
});
$("#taComments").keyup(function () {
disableSubmit()
});
$("#taComments").mouseleave(function () {
disableSubmit()
});
$("#hdDataIDs").val(GetRadWindow().BrowserWindow.document.getElementById("txtInput").value) ;
GetPageValues()
});
function disableSubmit() {
if (($.trim($("#taComments").val()) == "") && ($("#rblChoice input:radio:checked").val() == 2)) {
$("#btnSubmit").attr("disabled", "disabled")
}
else {
$("#btnSubmit").removeAttr("disabled", "disabled")
}
}
function CloseAndRebind(args) {
GetRadWindow().BrowserWindow.refreshGrid(args);
GetRadWindow().close();
}
function GetRadWindow() {
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
return oWindow;
}
function CancelEdit() {
GetRadWindow().close();
}
function GetPageValues(arg) {
$find("<%= RadAjaxManager1.ClientID%>").ajaxRequest("Rebind");
}
</script>
</asp:PlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divReturn">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server"></telerik:RadSkinManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="hdDataIDs" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="hdDataIDs">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="hdDataIDs" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1">
<asp:HiddenField ID="hdDataIDs" runat="server" ClientIDMode="Static" Value="not yet" />
<table style="width: 200px; border: 0px;" cellpadding="3" cellspacing="0">
<tr>
<td colspan="2" style="padding-left: 15px;">
<div id="brands">
<asp:RadioButtonList ID="rblChoice" runat="server" ClientIDMode="Predictable"
RepeatDirection="Horizontal">
<asp:ListItem Value="0">Pending</asp:ListItem>
<asp:ListItem Selected="True" Value="1">Don't Keep</asp:ListItem>
<asp:ListItem Value="2">Keep</asp:ListItem>
</asp:RadioButtonList>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top; padding-left: 20px">
Comments:
</td>
<td>
<textarea id="taComments" name="taComments" cols="25" rows="5"></textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 15px;">
<span style="font-weight: bold;">Apply to:</span> <asp:Label ID="lbldialogParentName" runat="server" Text="Label"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input id="btnSubmit" type="button" value="Submit" disabled="disabled" />
<input id="btnClose2" type="button" value="Cancel" />
<asp:HiddenField ID="hdlbldialogParentID" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="hdlbldialogDispNodeID" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="hdlbldialogUserID" runat="server" ClientIDMode="Static" />
</td>
</tr>
</table>
</telerik:RadAjaxPanel>
</div>
</div>
</form>
</body>
</html>