Rad List Box transfer from source to destination

3 posts, 0 answers
  1. Vvamc
    Vvamc avatar
    22 posts
    Member since:
    Jan 2014

    Posted 07 May 2014 Link to this post

    Hi ,

    I have two Rad list box . On is the source and the other is the destination. The source list box is bound with data and on transfer to Destination i wanted a jquery event to fire so that the items in the Radlist Destination would refresh the Grid to the those items which are moved from source to destination. For example I Have selected Employee 2 and employee 4 to be moved to destination my rad grid should refresh and display data with employees 2 and 4. Please help me out i am not able to choose the proper even. I have used on client load but it works but it continuously loads without stopping.The page is continuously refreshed.

    Thanks in advance.

  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    1728 posts

    Posted 12 May 2014 Link to this post


    Please find below an easy and convenient way to achieve the desired functionality using the RadListBox OnClientTransferred client-side event. This event will be fired when user clicks on the button to transfer the selected items from the source to the destination RadListBox
    <script type="text/javascript">
        //Put your JavaScript code here.
        function OnClientTransferred(sender, args) {
            var grid = $find("<%= RadGrid1.ClientID %>");
        //here goes the logic to be executed when items are transfered between the source and destination RadListBoxes
        <telerik:RadListBox ID="RadListBoxSource" runat="server" OnClientTransferred="OnClientTransferred" AllowTransfer="true" TransferToID="RadListBoxDestination">
                <telerik:RadListBoxItem Text="Employee 1" />
                <telerik:RadListBoxItem Text="Employee 2" />
                <telerik:RadListBoxItem Text="Employee 3" />
                <telerik:RadListBoxItem Text="Employee 4" />
        <telerik:RadListBox ID="RadListBoxDestination" runat="server"></telerik:RadListBox>
        <telerik:RadGrid ID="RadGrid1" runat="server"></telerik:RadGrid>

    In this help article you may find more information about the RadListBox OnClientTransferred client-side event.

    Boyan Dimitrov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
  4. Vvamc
    Vvamc avatar
    22 posts
    Member since:
    Jan 2014

    Posted 23 May 2014 Link to this post

    Thank you 
Back to Top