Radio buttons lose their selection once sorted

6 posts, 0 answers
  1. Steve
    Steve avatar
    1871 posts
    Member since:
    Dec 2008

    Posted 23 Mar Link to this post

    So this is odd...

    My markup has radio buttons in each sortable item.  I can select them no problem, but once I start to drag to sort, I can see the hint and placeholder have lost the selection, and on drop it's gone as well.

    WIERDER if I inspect the markup in chrome on the dropped element I still to see the "checked" attribute there... but no selection, jQuery detects no selection as well.

    Checkbox lists however seems perfectly fine

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1966 posts

    Posted 27 Mar Link to this post

    Hello Steve,

    Could you please confirm that you can replicate the described behavior with our http://dojo.telerik.com/uTICu example? When I drag the item with the check box the hint still shows a check box that is checked. 

    Regards,
    Boyan Dimitrov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Steve
    Steve avatar
    1871 posts
    Member since:
    Dec 2008

    Posted 27 Mar in reply to Boyan Dimitrov Link to this post

    Man terrible timing, I literally just submitted a ticket this minute

    Yeah so "checkbox" works fine, radio does not though, sorry I mentioned that above, but wasn't clear

    Demo:

    https://jsbin.com/xegiku/edit?html,output

  4. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1766 posts

    Posted 28 Mar Link to this post

    Hello Steve,

    I have replied to your query in the support ticket you have submitted. Please give the approach a try and let me know how it works for you.

    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Alexandre Jobin
    Alexandre Jobin avatar
    126 posts
    Member since:
    Jan 2010

    Posted 06 Sep in reply to Viktor Tachev Link to this post

    Hi Victor,

    I'm having the same problem as Steve, is it possible to share the solution ?

    Thanks in advance.

  6. Stefan
    Admin
    Stefan avatar
    1127 posts

    Posted 08 Sep Link to this post

    Hello Alexandre,

    The replay consisted of the following guidances and example:

    I can suggest using the mousedown event of the radio button and keep track of the selected item. Then you can handle the end event for the sortable widget to select the input. The example below illustrates the approach:

    http://dojo.telerik.com/OTEwu/2
     
    Also, please note the following specific- The code for the Sortable components does not the affect the selection of checkboxes or radio buttons. However, when you drag an item it is cloned with jQuery. As a result, this will create a new group of radio buttons with the same name. However, there is already one checked item in that group. Thus, the new radio buttons are not checked.

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top