GridStack-设置静态网格

时间:2017-08-17 06:26:07

标签: javascript jquery gridstack

我正在尝试使网格静止。完全没有动静。

我试过了:

var options = {
        staticGrid: true,
    };
    $('.grid-stack').gridstack(options);
    $('.grid-stack').data('gridstack').setStatic(true);

还有这个

int64 w = hand - ((hand >> 1) & 0x55555555);
w = (w & 0x33333333) + ((w >> 2) & 0x33333333);

和这个

if ((w & 0xf) == 0x3 || (w & 0xf0) == 0x30 ...

它们似乎都不起作用,我使用此link作为文档。

他们还提到了一种方法setStatic,但没有使用这种方法的例子。

1 个答案:

答案 0 :(得分:0)

根据Gridstack docs staticGrid:true 参数是正确的,如果您想在启动时初始化并将网格定义为STATIC(第一种方法)。

SetStatic(true)是一个可以调用的函数,用于以编程方式切换此状态。

如果你实时查看源代码,你会看到一个新的CSS类已添加到网格包装器DIV中;一个名为' grid-stack-static '的类。此类的外观确认参数选项 staticGrid:true 已被接受并执行。

但是当我发现自己(使用库的v0.30)时,我初始化网格中的网格小部件仍然可以调整大小并可移动。在我看来,这暗示了一个错误。

您可以使用项目属性 data-gs-no-resize =" yes" data-gs锁定小部件项目级别的移动和调整大小-no-举动="是"

如果您说过“静态”,那么必须这样做会产生相反的效果。已经

我已在Github上提出问题来查询此行为。

BTW建议在网格初始化之后调用并使用 setStatic(true)函数;作为此错误的临时修复。这是你的第三种方法 - 这对我有用。

只有你的第三种方法和我的方法之间的区别是函数被包装在document.ready函数中(为了方便/在我的系统上的兼容性,我使用$ = jquery快捷方式)。

曾为:



(function ($) { 
  // Shortcut $=jquery

    $(document).ready(function () {
      // start grid

      $(function () {
        var options = {
             staticGrid:true
          };
         $('.grid-stack').gridstack(options);

         $('.grid-stack').data('gridstack').setStatic( true );
      });

    // END DOC READY
    }); 
// SHORTCUT FIX
})( jQuery );