Clientside Debugging the Telerik RadControls

Documentation

If we’re all being honest as programmers, it’s really hard to keep documentation up to date.  There’s the first reason, that it sucks, and the second reason is things change so rapidly in an agile environment new features and finishing projects come before adding in some xml documentation.

So this is teleriks documentation LINK

It’s pretty solid as far as documentation and samples go, I rarely come across articles that are so out of date they don’t work.  However there are still a TON of functions “hidden” that aren’t in the documentation (could be they just haven’t updated it yet).

Tools

• Browser: Firefox
• Firefox Dev Tool: Firebug
• JScript EditorExtensions: LINK (adds C# code management to javascript)

Steps

1. Open the firebug
2. Find the script code you want to debug
3. Click to the left of the line number to add a breakpoint
4. Preform the action which will call the function (Breakpoint should then be hit)
5. Use the Right pane in firebug to see the currently accessible variables
6. Expand the variable (sender, or args for example), and look at all the wonderful magical things you can do!

Testing

1. When you have the breakpoint hit, open the firebug “Console” tab
2. In the right pane type in code which you want to execute.  It will run as if it’s part of your code local to that clientside function.
3. Any variable which exists in the current function is available to you in the console tab.