Hi,
I can suggest the following solution, please see the AfterDrop listeners.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.MultiSelect1.GetStore();
store.DataSource = new object[]
{
new object[] { "1", "item1" },
new object[] { "2", "item2" },
new object[] { "3", "item3" }
};
store.DataBind();
store = this.MultiSelect2.GetStore();
store.DataSource = new object[]
{
new object[] { "4", "item4" },
new object[] { "5", "item5" },
new object[] { "6", "item6" }
};
store.DataBind();
}
}
</script>
<!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>Ext.NET Example</title>
<script type="text/javascript">
var onAfterDrop = function (view, node, dd, e, data) {
var target = this,
source = data.sourceView.ownerCt.initialConfig.renderTo.id;
source = source.substr(0, source.indexOf('_Container'));
source = Ext.getCmp(source);
console.log(String.format('source id: {0}; target id: {1}', target.id, source.id));
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:MultiSelect
ID="MultiSelect1"
runat="server"
DragGroup="group1"
DropGroup="group2">
<Store>
<ext:Store runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="value" />
<ext:RecordField Name="text" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<Listeners>
<AfterDrop Fn="onAfterDrop" />
</Listeners>
</ext:MultiSelect>
<ext:MultiSelect
ID="MultiSelect2"
runat="server"
DropGroup="group1"
DragGroup="group2">
<Store>
<ext:Store runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="value" />
<ext:RecordField Name="text" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<Listeners>
<AfterDrop Fn="onAfterDrop" />
</Listeners>
</ext:MultiSelect>
</body>
</html>