gridstack

    1热度

    1回答

    我期待JavaScript Packery组件。我想将当前的实现从GridStack切换到Packery。现在阻止我的一件事是在Packery中缺少组件(面板)的动态调整大小的效果。现在我无法在演示或文档中找到此功能。 是否有任何方法在Packery中实现/启用此功能?

    0热度

    1回答

    我正在尝试使网格静态。根本没有运动。 我想: var options = { staticGrid: true, }; $('.grid-stack').gridstack(options); 而且这个 var options = { setStatic: true, }; $('.grid-stack').gridstack(o

    0热度

    1回答

    我正在尝试在我的Angular项目中实现第三方.js库(gridstack.js)。但是我对使用/导入类型文件(.d.ts)的方式感到困惑。 所以我到目前为止的做法是通过npm安装gridstack以及它的类型。然后我尝试在我的component.ts中导入它。 (import * as gridstack from 'gridstack'),但index.d.ts不被识别为模块。我猜这是有道理的

    3热度

    1回答

    我想弄清楚如何在我的Angular项目中使用类型文件。但是,所有的指南或SO帖子似乎都只是告诉您将代码文件中声明的模块导入。在我的情况下(gridstack.js)它没有声明的模块,只有接口和一个声明的命名空间。 我已经在类型下的tsconfig.file中声明了gridstack。我可以例如声明没有编译器错误类型IGridstackOptions的变量,但我得到一个运行时错误告诉我 C:/myP

    0热度

    1回答

    使用RactiveJS,Redux和Gridstack制作应用程序。 当新的小部件被添加时,一切正常,小部件也可移动/可调整大小。但是,当我删除所有小部件并添加,例如,两个新的,然后: 部件无法移动,无法调整大小。如图: 当试图删除它的小部件消失,但其他小部件改变他们的位置。 jsFiddle is provided as follows 你可以看到正确的部件被移到右侧,但办理停留在哪里。那么为什

    1热度

    3回答

    我用了一个应用程序Gridstack.js框架,并有一定的格列: <div class="col-lg-6 s_panel"> <div class="cont"> <!-- 1st div content --> </div> </div> <div class="col-lg-6 s_panel"> <div class="grid-stack"> <!-- Gridstack

    0热度

    1回答

    我试图存储箱的订单,因为他们使用gridstack.js 目前他们为了他们出现在HTML页面上出现,而不是它们是如何布局在页面上。这里是一个图片,以进一步什么,我试图做解释: 的代码我使用的设置它们的顺序: $gridStack.on('change', gridStackItemOnChange); function gridStackItemOnChange(e, items) {

    0热度

    1回答

    我在应用data-gs-x =“0”data-gs-y =“0”data-gs-width =“4”data-gs-height =“3”属性GridStackJS在我的Ember.Js项目的html页面中,但它不起作用。 <div class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide" data-gs-x="

    0热度

    1回答

    我使用了以下内容: https://troolee.github.io/gridstack.js/ 对于每一个网格堆栈的项目,我有一个网格堆栈项内容股利。在每个内部,我有2个带有.panel-header的div,其中包含box/panel的标题和一个textarea。问题是,textarea从来不适合面板的整个高度,即使我将textarea的高度设置为宽度和高度均为100%。

    1热度

    2回答

    我正在使用c3.js和gridstack.js来做到这一点。我想要做的只是删除滚动条,但我没有尝试过的所有工作。 JSFiddle demo $(function() { var options = { cell_height: 80, vertical_margin: 10 }; $(".grid-stack").gridstack(opti