diagrama de Gantt con jQuery

Question

http://jsfiddle.net/JeaffreyGilbert/VkghS/

Actualmente la clasificación entre filas se puede hacer arrastrando barWrap (gris). Para mover la barra de Gantt se puede hacer arrastrando la barra.

Lo que quiero es ordenar y mover de una vez arrastrando la barra. ¿Cómo lograr esto?

Cualquier ayuda sería apreciada, gracias.

Answer 1

El widget ordenable tiene una función de control. Por lo tanto:

$(function() { 
    $(".gantt").sortable({ 
     handle: '.bar' // Make it sortable by dragging the .bar instead of the container 
    }); 
    /* 
    $(".bar").draggable({ 
     connectToSortable: '.gantt', 
     containment: '.barWrap', 
     grid: [20, 0] 
    }); 
    */ 
    $(".bar").resizable({ 
     handles: 'e, w', 
     grid: [ 20, 0 ] 
    }); 

    $(".gantt").disableSelection(); 
}); 

Editado (ver comentario): Tienes que sacar la arrastrable, que la OMI no es tan malo porque la gente todavía puede utilizar de tamaño variable para cambiar la posición. Puede experimentar con controladores arrastrables para encontrar un método donde ambos funcionen.

Answer 2

Es una vieja pregunta, pero sólo tiene que añadir otro div contenedor para lograrlo (jsfiddle):

$(function() { 
    $('.barWrap').wrapInner('<div class="sorter"></div>'); 
    $(".gantt").sortable({ 
     handle: '.sorter' 
    }); 

    $(".bar").resizable({ 
     handles: 'e, w', 
     grid: [ 20, 0 ] 
    }); 

    $(".gantt").disableSelection(); 
});