graphs - Diagrama de Gantt con jQuery

jquery d3

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. Asi que:

$(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 el arrastrable, que IMO no es tan malo porque las personas aún pueden usar el tamaño 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 solo necesitas agregar otro contenedor de div para lograr esto ( jsfiddle ):

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

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

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