问题标签 [gridstack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1147 浏览

gridstack - GridStack 在到达特定 y 轴点后未在页面上正确定位元素

当我加载保存的布局时,如果布局的高度大于页面上已加载的 $('.grid-stack').attr('data-gs-current-height'),则元素与一个 y 轴,它在页面的顶部位置越过该负载。它们的 y 轴标签正确反映在 DOM 中。

如果文档的高度没有改变,它会按预期工作。这只发生在新加载的小部件的组合高度大于它们正在加载的文档时。

在加载小部件之前,我使用以下代码更改了 ('.grid-stack').attr('data-gs-current-height') 值和元素值的高度,但它们仍然呈现尽管 data-gs-current-height 确实显示它在将小部件加载到 DOM 中的新值之前已经更新,但它们彼此堆叠在一起。

我用于更改网格堆栈高度的代码是:

和 loadUserTemplate(json) 是:

0 投票
4 回答
7892 浏览

javascript - 将 gridstack.js 包装到 Angular 2 组件中

我有一些 Angular 1 的经验,但我们需要在 Angular 2 项目 中使用gridstack.js 。

我们熟悉 gridstack-angular 项目,但该项目在 Angular 1 中。我认为我遇到的最大问题是 Angular 2 概念。

任何帮助,将不胜感激。

0 投票
2 回答
9915 浏览

gridstack - Gridstack - 添加带有内容的新小部件

所以,我一直在玩 Gridstack,想知道是否有关于如何向新添加的小部件添加内容的指南。

我已经测试了在按钮单击时添加小部件的示例。[Knockout.js 演示][1] [1]:http ://troolee.github.io/gridstack.js/demo/knockout.html工作正常,但我想做的是添加多个按钮,每个按钮添加一个新的具有单独内容的小部件。内容只是其他一些 JS 的 DIV ID。

谢谢

0 投票
1 回答
1978 浏览

javascript - 将 PHP 数组传递给 JSON 和 JS:Uncaught SyntaxError: Unexpected identifier

当我尝试将 PHP 变量回显到 JS 变量时,我总是得到“未捕获的语法错误:意外的标识符”。

我的PHP:

0 投票
2 回答
1403 浏览

angular - 使用gridstack和angular2动态添加组件?Jquery $.parseHTML 不起作用

我有以下jsfiddle

我希望能够将我的自定义组件粘贴到特定的网格中(例如“”)

现在没有 Angular2,我只使用:

问题是,我不知道我该怎么做:

在 angular1 中,我知道有编译,但在 angular2 中,没有这样的东西。

我的花式按钮组件很简单,如下所示:

如何动态添加花式按钮组件?

0 投票
0 回答
309 浏览

reactjs - React Gridstack this.cellHeight 不是一个函数

除了一些关于一些基本知识的教程之外,我对做出反应是完全陌生的,所以我觉得我在这里陷入了一些深渊。

我正在尝试使用 gridStack 并找到了一个漂亮的包装器供它在 React 中使用。我已经设法让所有依赖项启动并运行,但现在遇到了一个我无法解决的错误: this.cellHeight is not a function(...). 我一直在寻找负载以尝试理解为什么没有定义它,因为我正在关注他们在此处找到的网站上的基本添加。

我不得不对其进行一些修改以使其发挥出色,因为我已经减少了所有错误并发现这是我无法理解的最后一个错误。任何帮助将不胜感激。

然后通过我的 App 类应用该组件

当我在 React 中找到自己的脚时,你可以看到这是所有基本的第一步。

0 投票
2 回答
919 浏览

javascript - 在Angular中隐藏数组中的不匹配元素

我有一个分配了 ng-model 的搜索框:

以及带有过滤器的 ng-repeatsearchLibrary.text

那么,当用户输入内容时,过滤器会从数组中删除所有不匹配的元素,但是有没有办法隐藏不匹配的元素而不是删除它们呢?

删除元素有问题的原因是我分配了一个回调方法,ng-repeat当删除项目时会调用该回调方法,但当用户搜索某些行为不正确的项目时会触发它。

编辑:数组中的所有元素items都是可拖动的,因此用户可以手动将项目从面板 A 拖放到面板 B。当项目被删除时触发回调,但当用户搜索项目时不应触发回调描述。

任何帮助深表感谢。

0 投票
0 回答
410 浏览

javascript - 删除小部件后如何在gridstack上重新排列小部件

删除小部件后如何在 gridstack 上触发“重新排列位置”,因为每当我删除其他小部件之间的一些小部件时,其余小部件之间就会存在间隙。

像 jquery.shapeshift 'ss-rearrange' 之类的东西。

谢谢大家。

0 投票
0 回答
115 浏览

genexus - Genexus + 网格堆栈

我正在尝试使用 Genexus UserControls 工作 Gridstack,一切正常,但不能拖动/调整大小.. Gridstack 是我发现的创建动态布局的最佳工具,还有其他我可以模糊渲染布局的工具吗?

0 投票
2 回答
423 浏览

javascript - javascript gridstack 框架延迟加载

我想使用 gridstack 创建一个带有小部件的页面。我的问题是当我“懒惰”加载widgeds时,gridstack不会初始化这个新的dom节点。(它们不可移动)有人可以解释一下我是如何做到这一点的吗?我认为我的问题是 $('.grid-stack').gridstack(options); 正如我在这里看到的,只执行一次:https ://github.com/troolee/gridstack.js/blob/master/src/gridstack.js#L1727

或者是否存在已经意识到“延迟”加载的框架。

索引.html:

Widged 示例:

聊天/meta.wjs:

聊天/聊天.html: