[Solved] Drag and Drop & mouse events within Editor

[Gokul]

Hi,

ASP.NET MVC version  - MVC 3 with Visual studio 2010 (4.0)
OS - Windows 7
exact browser version - ie 8
exact version of the Telerik product - Telerik Extensions for ASP.NET MVC : 2011.2.712.340
preferred programming language (VB.NET or C#) - C#


I am using ASP.NET MVC Editor Control. This needs to have following functionalities.


I can drag and drop controls(a DIV tag consisting of list box which is disable on editor) with-in the Editor control where ever I need.  
On double click on DIV tag  I ll be able to open a Window to update my listbox values.


To Acheieve this I tried with following steps.


1.

Included

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

@(
Html.Telerik().ScriptRegistrar().jQuery(false) 
)

2. Finding my DIV tag (s) Control and enabling draggable()  on  onLoad(e) event of Editor

But I dont see anything is happening. Editor goes with its natural behaviour. It does work with Jquery UI Draggable operation.

Is it possible to drag and drop control(by applying Jquery UI ) with-in Editor Control and Apply double click event on the place holder?


Thanks
Gokul