Jquery ui 寻找拖放功能

谁能推荐一个现成的好的拖放框架呢

类似于这个jQueryUI示例，其中可以将一组小部件放到某种仪表板布局页面上——例如使用照片库

我最近发现了这个非常酷的jQueryUI和基于Bootstrap3.0的动态布局工具gridmanager-

你也可以在这里查看演示

因此，考虑到这一点，我想添加一个拖放侧栏，允许我将“小工具”拖放到网格系统上

我正在使用剑道UI和JQWidgets，但我有点不确定如何将拖放集成到这个gridmanager系统中

将jquery ui和gridmanager js/css文件添加到我的索引页面后，代码如下所示：

  <section id="dashboard-view" class="mainbar" data-ng-controller="dashboard as vm">
 <section class="matter">

    <div id="mycanvas">
        <div class="row">
            <div class="col-md-6">
                <p>Content</p>
            </div>
            <div class="col-md-6">
                <p>Content</p>
            </div>
        </div>
    </div>

</section>
</section>
 <script>
   $(document).ready(function () {        

     var gm = $("#mycanvas").gridmanager({   // fluid widths
        controlPrepend: "<div class='row-fluid'><div class='col-md-12'><div id='gm-addnew' class='btn-group '>",
        rowClass: "row-fluid",
        rowSelector: "div.row-fluid",
        rowPrepend: "<div class='row-fluid gm-editing'>"
    });

    $(".myexternalcontrol").on("click", function (e) {
        // Example use of internal gridmanager function:
        gm.appendHTMLSelectedCols('<p>my content to append to all my selected cols</p>');
    });
});
 </script> 

内容

内容

$（文档）.ready（函数（）{
var gm=$（“#mycanvas”）.gridmanager（{//流体宽度
controlPrepend:“”，
rowClass:“row流体”，
行选择器：“div.row-fluid”，
行预结束：“
});
$（.myexternalcontrol”）。在（“单击”上，函数（e）{
//内部gridmanager函数的示例使用：
gm.appendHTMLSelectedCols（“my content to append to all my selected cols
”）；
});
});

同样，我想设置一个侧栏或顶部栏的小部件，可以拖到下面的每个网格部分（见屏幕截图）

这是一个屏幕截图，展示了它在我的测试版网站中的表现

谢谢你的建议

问候,

---

Bob

我是gridmanager.js的作者之一。首先，jqueryUI是gridmanager所必需的，因此您已经在页面上获得了拖放功能。但是，GM已经在使用Dragable/sortable jqueryUI特性，因此请注意，您可能会遇到一些冲突

GM实际上创建了很多临时标记（然后在预览/保存时将其去掉）-看看生成的源代码-你会看到类“GM editable region”的div-可能值得尝试将该类设置为“可拖放”区域（即，可以在其上拖放其他内容）。您可能需要扩展gridmanager的activateCols函数，以便在预览过程中“重新激活”可拖放区域

---

祝您好运-github问题队列在这里

感谢您的回复。我喜欢gridmanager的概念，但我不确定这是否是我需要的。正如你所看到的，我仍在尝试这个想法，我们的网站可以将一组小部件拖放到仪表板上。我也用它来表达一些想法：它绝对是可以做到的——我在wordpress中看到过一个版本，有人用gridmanager做到了这一点（他只是没有发布）