hi all,
my scenario:
i have three listbox, EmployeeName as Parent List Box, ProjectAdmin and ProjectReader as Child List box. i will drag and drop from parent list to its child list box. the drag and drop concept is working fine for me(i doing this in client side using Javascript). while i am inserting the details in database in c#, the Child list box shows empty. i cannot fetch the items in c# server, where the drag and drop done in javascript.
HTML Code
<
table
class
=
"normal_grid"
>
<
tr
>
<
th
style
=
"width: 17%"
>
<
asp:Label
ID
=
"lblemployeename"
runat
=
"server"
Text
=
"Employee Name"
></
asp:Label
>
</
th
>
<
td
class
=
"field"
style
=
"width: 17%"
>
<
telerik:RadListBox
runat
=
"server"
ID
=
"rlbemployeename"
EnableDragAndDrop
=
"true"
Width
=
"150px"
Height
=
"150px"
OnClientDropped
=
"lbemployeenamedropped"
>
</
telerik:RadListBox
>
</
td
>
<
th
style
=
"width: 16%"
>
<
asp:Label
ID
=
"Label1"
runat
=
"server"
Text
=
"Project Admin"
></
asp:Label
><
span
class
=
"hlt_txt"
>*</
span
>
</
th
>
<
td
class
=
"field"
style
=
"width: 17%"
>
<
telerik:RadListBox
runat
=
"server"
ID
=
"rlbadminname"
EnableDragAndDrop
=
"true"
Width
=
"150px"
Height
=
"150px"
OnClientDropped
=
"lbadminnamedropped"
>
</
telerik:RadListBox
>
</
td
>
<
th
style
=
"width: 16%"
>
<
asp:Label
ID
=
"Label2"
runat
=
"server"
Text
=
"Project Reader"
></
asp:Label
><
span
class
=
"hlt_txt"
>*</
span
>
</
th
>
<
td
class
=
"field"
style
=
"width: 17%"
>
<
telerik:RadListBox
runat
=
"server"
ID
=
"rlbreadername"
EnableDragAndDrop
=
"true"
Width
=
"150px"
Height
=
"150px"
OnClientDropped
=
"lbreadernamedropped"
>
</
telerik:RadListBox
>
</
td
>
</
tr
>
</
table
>
Javascript Code:
function lbemployeenamedropped(sender, args) {
transferManager.performTransfer(sender, args);
}
function lbadminnamedropped(sender, args) {
transferManager.performTransfer(sender, args);
}
function lbreadernamedropped(sender, args) {
transferManager.performTransfer(sender, args);
}
(function ($) {
transferManager = function () { }
debugger;
transferManager.performTransfer = function (sender, args) {
var destinationItemIndex = this._getDestinationIndex(args);
var destinationListBox = this._getDestinationListBox(args);
if (destinationListBox == null)
return;
var reorderIndex = args.get_dropPosition() == 0 ?
destinationItemIndex : destinationItemIndex + 1;
var items = args.get_sourceItems();
this._transfer(items, destinationListBox, reorderIndex);
}
transferManager._transfer = function (items, destination, reorderIndex) {
$.each(items, function (index, item) {
item.unselect();
destination.get_items().insert(reorderIndex, item);
});
}
transferManager._getDestinationIndex = function (args) {
var destinationItem = args.get_destinationItem();
if (destinationItem)
return destinationItem.get_index();
return 0;
}
transferManager._getDestinationListBox = function (args) {
var destinationItem = args.get_destinationItem();
if (destinationItem) {
var id = destinationItem.get_listBox().get_id();
return $find(id);
}
var parent = $(args.get_htmlElement()).parent();
if (parent.is(".RadListBox")) {
var id = parent[0].id;
return $find(id);
}
else if (parent.is(".rlbGroup")) {
var id = parent[0].parentNode.id;
return $find(id);
}
}
})($telerik.$);
anything wrong in this code.
Tanks in Advance
ASRK.....