What i am trying to do is : I am having two having two grid. Upper grid and lower grid.(Both can have child grid when clicked on > button to expand the grid) Upper one from which i want to drag row to lower one. It is working fine for unexpanded rows. However, i am not able to drag and drop rows from child grid of uppar grid into child grid of lower grid. Please check below link for live problem.
http://jsfiddle.net/CpqpH/
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<script type="text/x-kendo-template" id="mydetailstemplate">
<div class="mydetailpane" ></div>
</script>
<script type="text/x-kendo-template" id="mydetailstemplate2">
<div class="mydetailpane2" ></div>
</script>
<div id="SourceGrid"></div>
<div id="DestinationGrid"></div>
<script>
//Check jsfiddle link for more details
</script>
</form>
http://jsfiddle.net/CpqpH/
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<script type="text/x-kendo-template" id="mydetailstemplate">
<div class="mydetailpane" ></div>
</script>
<script type="text/x-kendo-template" id="mydetailstemplate2">
<div class="mydetailpane2" ></div>
</script>
<div id="SourceGrid"></div>
<div id="DestinationGrid"></div>
<script>
//Check jsfiddle link for more details
</script>
</form>