Hi,

I am trying to implement the Drag drop feature. I used the sample source code provided in the EXT.NET demo.
But when I use the same code in my application, it is throwing following error:
Error Creating Control - ViewPort1'Items' could not be initialized. Details: 'Items' could not be added to the collection. Details: 'Center' could not be initialized. Details: 'Items' could not be initialized. Details: 'Items' could not be added to the collection. Details: 'Items' could not be initialized. Details: 'Items' could not be added to the collection. Details: 'DraggableConfig' could not be initialized. Details: Object reference not set to an instance of an object.


Following is the code which I have used:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Docking.aspx.vb" Inherits="MySamplePage.Docking" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.invite {
background-color: #99bbe8 !important;
}

.x-drop-marker {
background-color: silver;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" />

<ext:ViewPort ID="ViewPort1" runat="server">
<Items>
<ext:BorderLayout runat="server">
<North MarginsSummary="10 10 5 10">
<ext:Container ID="North" runat="server" Cls="dropable" Layout="Fit" Height="100" />
</North>

<East MarginsSummary="5 10 5 10">
<ext:Container ID="EastRegion" runat="server" Cls="dropable" Layout="Fit" Width="200" />
</East>

<West MarginsSummary="5 10 5 10">
<ext:Container ID="WestRegion" runat="server" Cls="dropable" Layout="Fit" Width="200" />
</West>

<South MarginsSummary="5 10 10 10">
<ext:Container ID="SouthtRegion" runat="server" Cls="dropable" Layout="Fit" Height="100"/>
</South>

<Center MarginsSummary="5 0 5 0">
<ext:Container ID="CenterRegion" runat="server" Layout="Fit">
<Items>
<ext:Panel
runat="server"
Title="Drag me"
Icon="ArrowNsew">
<DraggableConfig runat="server" Group="panelDD">
<StartDrag Handler="Ext.select('.dropable').addClass('x-drop-marker');" />
<EndDrag Handler="Ext.select('.dropable').removeClass('x-drop-marker');" />
</DraggableConfig>
</ext:Panel>
</Items>
</ext:Container>
</Center>
</ext:BorderLayout>
</Items>
</ext:ViewPort>

<ext:DropTarget runat="server" Target="${.dropable}" Group="panelDD" OverClass="invite">
<NotifyDrop Fn="notifyDrop" />
<NotifyOut Handler="this.el.removeClass('invite');" />
<NotifyOver Handler="Ext.select('.dropable').removeClass('invi te'); this.el.addClass('invite');" />
</ext:DropTarget>

</form>
</body>
</html>

if I comment DraggableConfig section the error goes, but I can't drag the panel.

basically I need docking feature and this seems to be the closeset I could get in EXT.NET.
Any help would be useful. Thanks in advance

regards,
Prithvi