Programmer Nut
Top achievements
Rank 1
Rank 1
Programmer Nut
asked on 11 Dec 2008, 11:25 PM
We have used older Rad Controls for years and have a bunch of client-side code that works. We have also gone through RadAJAX client API for hours.........
Can anyone tell us Why doesn't the following code work?????
alert(RadNumericTextBox) simple returns null instead of the object...and we can never get the value.....
A simple example would be greatly appreciated......
_____________________________________________________________________________
<body onload="init();">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<script>
function init()
{
var RadNumericTextBox = $find('<%= RadNumericTextBox1.ClientID%>');
alert(RadNumericTextBox);
alert(RadNumericTextBox.get_value());
}
</script>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Value="5">
</telerik:RadNumericTextBox>
</div>
</form>
</body>
Can anyone tell us Why doesn't the following code work?????
alert(RadNumericTextBox) simple returns null instead of the object...and we can never get the value.....
A simple example would be greatly appreciated......
_____________________________________________________________________________
<body onload="init();">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<script>
function init()
{
var RadNumericTextBox = $find('<%= RadNumericTextBox1.ClientID%>');
alert(RadNumericTextBox);
alert(RadNumericTextBox.get_value());
}
</script>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Value="5">
</telerik:RadNumericTextBox>
</div>
</form>
</body>
4 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 12 Dec 2008, 12:35 PM
Hi,
Try the above code snippet in the OnLoad client event of the RadNumericTextBox and see if it is working.
ASPX
JS:
Shinu.
Try the above code snippet in the OnLoad client event of the RadNumericTextBox and see if it is working.
ASPX
| <telerik:RadNumericTextBox ID="RadNumericTextBox1" Value="5" ClientEvents-OnLoad="init" runat="server"> |
| </telerik:RadNumericTextBox> |
JS:
| <script type="text/javascript"> |
| function init() |
| { |
| var RadNumericTextBox = $find('<%= RadNumericTextBox1.ClientID%>'); |
| alert(RadNumericTextBox); |
| alert(RadNumericTextBox.get_value()); |
| } |
| </script> |
Shinu.
0
Programmer Nut
Top achievements
Rank 1
Rank 1
answered on 12 Dec 2008, 04:23 PM
You are on the right path and lead us to our solution...the solution is that you cannot just run the function on the page onLoad event.....Most likely because some javascript (RadControl client side object) initialization from a "ScriptResource.axd" (javascript source) file has not occured yet....If we put a delay in our code all works fine.......I am not saying this is an optimal approach. I am just saying why the original code has problems....
<body onload="init1()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<script>
function init1()
{
setTimeout ( 'init()', 3000 );
}
function init()
{
var RadNumericTextBox = $find('<%= RadNumericTextBox1.ClientID%>');
alert(RadNumericTextBox);
alert(RadNumericTextBox.get_value());
}
</script>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Value="5">
</telerik:RadNumericTextBox>
0
Programmer Nut
Top achievements
Rank 1
Rank 1
answered on 12 Dec 2008, 04:44 PM
So I guess the next question is:
Is there an event that is triggered (after body onLoad() ) when the telerik client-side object class is fully available for use.
Is there an event that is triggered (after body onLoad() ) when the telerik client-side object class is fully available for use.
0
Hi Charles,
<body onload="init();">
means "Execute the init() function when the page has been loaded". (i.e. HTML code, script files, etc)
However, the client-side control instances are created afterwards, so it is not suitable to use <body onload=""> to obtain references to these instances.
Please use this:
<script type="text/javascript">
Sys.Application.add_load(methodName);
function methodName()
{
......
}
</script>
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
<body onload="init();">
means "Execute the init() function when the page has been loaded". (i.e. HTML code, script files, etc)
However, the client-side control instances are created afterwards, so it is not suitable to use <body onload=""> to obtain references to these instances.
Please use this:
<script type="text/javascript">
Sys.Application.add_load(methodName);
function methodName()
{
......
}
</script>
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.