ListView Drag&Drop-problem when multiselect is activated

3 posts, 0 answers
  1. Frank
    Frank avatar
    4 posts
    Member since:
    Jun 2012

    Posted 23 Oct 2012 Link to this post

    Hi everybody, I hope someone can help me. I post this question here because I think that the main problem is more ListView-related (actually, the behaviour is the same in the Kendo Grid too), while the Drag&Drop-operation itself works. However ...

    I got a ListView (or Grid, same problem there) with selectable set to "multiple". What I need to do is to select one or more items from the ListView and then drag then over to a different area. The dragging works, however when I start dragging the items, the mouse draws kind of a "rubberband" on the screen thus changing the selection in the ListView when I drop the items on the target. I think it has something to do with the multiselect-feature, since everything works fine when selectable is set to "single".

    So ... is there any possibility to remove that "rubberband"-effect and still have multiselection activated in the ListView? That's basically what I'd need to make this work.

    Thanks in advance for your help,

  2. Sharon
    Sharon avatar
    9 posts
    Member since:
    Dec 2013

    Posted 17 Jun 2015 Link to this post

    i'm facing a similar problem,

    i thought that if i could disable that "rubber band" effect, the problem would be solved.
    in google chrome, this "rubber band" effect occurs only after long clicking, so, with normal clicking the dragging works  well.

    can someone advice how remove/change that "rubber band" effect?


  3. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 22 Jun 2015 Link to this post

    Hello Sharon,

    The Grid widget does not provide configuration option that allows the developer to disable drag selection.
    A possible workaround is to disable the build-in selection and implement your own. Basically selection is adding or removing a "k-state-selected" class from the corresponding table row elements.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top