如何使用acceptWidgets为“网格堆栈项目”设置预定义的高度或宽度

Question

我正在使用带有acceptWidgets的gridstack将小部件从左侧面板拖放到主面板，类似于http://gridstackjs.com/demo/two.html

在我的情况下，我想将高度，宽度和其他item attributes设置为我的“网格堆栈项目”。但是，设置这些属性不会影响将该项放入网格堆栈中的时间。

这是一个JSFiddle：https://jsfiddle.net/trevisan/wt7bg6s1/8/

请注意，“拖动我”元素具有data-gs-width =“ 6”，我希望它可以扩展，因为我的网格堆栈有6列。

<div class="grid-stack-item" data-gs-width="6">
  <div class="grid-stack-item-content">Drag me</div>
</div>

我尝试调用makeWidget方法，但最终在网格堆栈上有两个小部件。

有人知道如何解决吗？

Answer 1

请注意，Drag me元素也不在gridstack中，即使它具有类名“ grid-stack-item”，

#grid元素和#grid2元素已由gridstack初始化，但sidebar元素（Drag me元素）未初始化：

        $('#grid1').gridstack(options);
        $('#grid2').gridstack(_.defaults({
            float: true
        }, options));

因此data-gs-width属性对Drag me元素毫无意义。