EasyUI Forum
September 13, 2025, 08:34:43 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Tree drag&drop (disable children)  (Read 7422 times)
Szoron
Newbie
*
Posts: 21


View Profile
« on: November 20, 2016, 12:32:59 PM »

Given a list of what component tree is displayed.
I want to sort the contents of the list with drag & drop.
It would be just sort order.
However, I would not like nesting (children)
How can this be disabled?
before

after

wrong after
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: November 21, 2016, 05:34:21 PM »

Returning false in the 'onBeforeDrop' event will abort the dropping action. The code below shows how to disable the dnd on different levels.
Code:
$('#tt').tree({
  onBeforeDrop:function(target,source,point){
    if (point=='append'){
      return false;
    }
    var p1 = $(this).tree('getParent', target);
    var p2 = $(this).tree('getParent', source.target);
    p1 = p1==null ? null : p1.target;
    p2 = p2==null ? null : p2.target;
    if (p1 != p2){
      return false;
    }
  }
})
Logged
Szoron
Newbie
*
Posts: 21


View Profile
« Reply #2 on: November 22, 2016, 02:15:31 AM »

perfect!

thank you!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!