How to find all editors inside a panel on client side and attach an event handler for user interaction?

[Tigger Tag]

Hi,

 

I have two questions.

1. I need to have a client side event handler be called whenever user interacts with any of the RadEditors that exist on the page. What event I need to use?

2. Also, I can't change the markup or the code behind to add this event handler. So, how will I find all RadEditors on the page and attach this event using javascript?

 

Any help is greatly appreciated.

 

Thanks,

Ana

[Danail Vasilev]

Hi Ana,

You can use the code below to get all the editors on the page.  You can also attach client-side handlers with JavaScript - http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/events/overview

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>
    <telerik:RadEditor ID="RadEditor2" runat="server"></telerik:RadEditor>
    <telerik:RadButton ID="RadButton1" runat="server" />
    <script>
        function pageLoad() {
            var radControls = $telerik.radControls;
            var editors = new Array();
            alert('number of ui controls: ' + radControls.length);
            for (var i = 0; i < radControls.length; i++) {
                var currControl = radControls[i];
                if (currControl && (currControl instanceof Telerik.Web.UI.RadEditor)) {
                    editors.push(currControl);
                }
            }
            alert('number of editors: ' + editors.length);
        }
    </script>
</form>

Regards,
Danail Vasilev
Telerik

[Jacki Jenuth]

Thank you Danail. The workaround is working as expected. 

[Rumen]

Hi Jacki,

You can also find useful the following resources:

• How-to create a javascript array of all particular RadControls on the page
• Getting Client-Side References to Control Objects