Custom Commands

[Moustafa]

Hi team,
I do all the steps described in your site to create custom commands in the editor and it worked successfully, I create the editor in a user control and add this control to my page , its ok great .

I do the following scenario

1. Add the editor in user control (say  UCtrl ) with the new custom button.
2. Add two instance of the user control (Say UCtrl1,UCtrl2 ) in the same page.
3. unfortunately when I click the custom command button in the editor in the first instance( UCtrl1 ) , the execution of the comand occurs in the second instance (UCtrl2)

 

Breifly the command executed in the last instance of control added to the page.

Is there any solution for this issues??

Tools and Technologies

ajax control for asp.net  version 9 Q3.
IE as web browser
windows 7 as an operating system
microsoft asp.net 3.5
sql server 2005 database

[Dobromir]

Hi Moustafa,

This problem is not directly related to RadEditor but is a general ASP.NET knowledge. In case where multiple instances of a WebUserControl, that contains JavaScript code, are registered on a page, the JavaScript of the usercontrols is overwriting itself, thus the code of the last registered control is active. For example, if you are referencing RadEditor with its ClientID ( var editor = $find("<%=RadEditor1.ClientID"); ) the editor variable will be defined multiple times and only the last one will be active, thus the custom command will execute the functions to the last instance of RadEditor.

To avoid this behavior you need to use the editor parameter of the custom command as reference to the current RadEditor, e.g.:

Telerik.Web.UI.Editor.CommandList["Custom1"] = function (commandName, editor, args)
{
    editor.pasteHtml("Executed Custom Command for UserControl with ID: " + editor.get_id());
};

Please take a look at the attached sample page demonstrating the correct and incorrect approach.

Best wishes,
Dobromir
the Telerik team