甘特图与jQuery

前端之家收集整理的这篇文章主要介绍了甘特图与jQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/JeaffreyGilbert/VkghS/

目前在行之间进行排序可以通过拖动barWrap(灰色)来完成.可以通过拖动栏来移动甘特酒吧.

我想要的是排序和移动可以通过拖动栏一次完成.如何实现这一点?

任何帮助将不胜感激,谢谢.

解决方法

可排序的小部件具有句柄功能.所以:
$(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();
});

编辑(见评论):你必须拿出可拖动的东西,哪个国际海事组织没有那么糟糕,因为人们仍然可以用可调整大小来改变位置.您可以尝试使用可拖动的句柄来找到它们都可以工作的方法.

原文链接:https://www.f2er.com/jquery/179321.html

猜你在找的jQuery相关文章