Transfer selected checkboxes items

[Udi]

Hello,

I would like to transfer only selected checkboxes items that i was selected manually from the listbox.
I need it from the client side.

JS example will be appriciate.

Regards,
Oren

[Yana]

Hello Oren,

Could you please explain in more details the needed approach? Thanks

Regards,
Yana
the Telerik team

[Udi]

Hello Yana,

I'll try to explain it better.

I have 2 listbox controls with checkboxes.
In the source listbox i have 20 items and i would like to select only 3 items (checkboxes) and then to transfer the items to the destination listbox. 
Need it in java script.

Thank you,

Oren

[Yana]

Hi Oren,

Thank you for the explanation. I've attached a simple page to demonstrate how to achieve the needed approach, please download it and give it a try.

Best wishes,
Yana
the Telerik team

[Luis]

Hi,

i try it and owrks fine when you MOVE FROM LEFT TO RIGHT, but it doesn't work if i want to MOVE FROM RIGHT TO LEFT. I m missing something?

Best Regards
Luis

[Princy]

Hello Luis,


The following code shows how to accomplish the needed functionality.

ASPX:

<telerik:RadListBox ID="RadListBox1" runat="server" AllowTransfer="true" CheckBoxes="true"
    Width="200px" TransferToID="RadListBox2"  OnClientTransferring="clientTransfering">
    <ButtonSettings TransferButtons="Common" />
    <Items>
        <telerik:RadListBoxItem Text="RadListBoxItem1" />
        <telerik:RadListBoxItem Text="RadListBoxItem2" />
        <telerik:RadListBoxItem Text="RadListBoxItem3" />
        <telerik:RadListBoxItem Text="RadListBoxItem4" />
        <telerik:RadListBoxItem Text="RadListBoxItem5" />
    </Items>
</telerik:RadListBox>
<telerik:RadListBox ID="RadListBox2" CheckBoxes="true" TransferToID="RadListBox1" runat="server" Width="200px">
</telerik:RadListBox>

Code:

<script type="text/javascript">
    function clientTransfering(sender, args) {
        args.set_cancel(true);
        var checkedNodes = args.get_sourceListBox().get_checkedItems();
        for (var i in checkedNodes) {
            var item = checkedNodes[i];
            args.get_sourceListBox().transferToDestination(item);
        }
    }
</script>

Happy coding,
Princy.