[bug] $find return null

[Robin]

Hi,

I'm having an issue with ASP.NET AJAX Q1 2011.

The code is very simple: I want to add a client validation function to the button save dynamically. The code is put inside JQ block 

$(document).ready(function () {
// buttonSaveClientID is defined already
$find(buttonSaveClientID).add_clicking(validationFunction);
});


There are 2 buttons on my web form: Save & Reset (which just causes a postback). When I do postback several times, the fireBug shows that $find(buttonSaveClientID) is null.

It happens occasionally. Most time the code run ok. Sometime it failed.

Do you have any idea?

Moreover, I'm guessing that it may be caused by telerik script is not finished processing. So I do a hook:

for (var i = 0; i < 1000000; i++) {
if ($find(buttonSaveClientID))

break;
}
$find(buttonSaveClientID).add_clicking(validationFunction);

and it works. Do you know how to check if telerik script is finished processing instead of such type of work around?

[Georgi Tunev]

Hi Robin,

Try using the pageLoad() function instead of document.ready when you are working with ASP.NET AJAX controls. More information on both events can be found in various resources on the Net. For example, you could check this article:

http://encosia.com/document-ready-and-pageload-are-not-the-same/

Regards,
Georgi Tunev
the Telerik team

[Robin]

Many thanks for your great help.

No more error. Unbelievable that is so simple.

But I wonder why jQuery has not fixed it?!

[Georgi Tunev]

Hello Robin,

I am glad I was able to help. As for why this is not fixed in jQuery - actually, this is not a bug. In jQuery, ready() is raised as soon as the DOM hierarchy has been fully constructed. ASP.NET AJAX's pageLoad() is called on different stage - when all ASP.NET AJAX controls (including the ones from our ASP.NET AJAX suite) are rendered on the page.


Kind regards,
Georgi Tunev
the Telerik team