问题标签 [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.
javascript - 调整浏览器大小时，不会删除网格堆栈 Knockout JS 小部件
我对Gridstack和Knockout JS比较陌生。
过去几天试图弄清楚为什么在调整浏览器大小时没有正确删除小部件。
注意：此问题发生在所有浏览器上。
场景 A： “不调整浏览器大小”
当浏览器大小未更改时，我可以删除小部件。
场景 B： “浏览器调整大小（垂直）”
添加小部件后（或者您可以刷新浏览器以再次显示默认值），我已经垂直调整了浏览器的大小。
当我在重新对齐后尝试删除小部件时，它没有被删除，这很奇怪。
这是 Gridstack 或 Knockout 的已知问题吗？
非常感谢任何帮助。
这里的代码：
javascript - 如何将 gridstack.js 添加到 Ractive.js？
我正在使用Ractive.js和gridstack.js创建示例应用程序，但不知道如何将 gridstack 添加为装饰器。我认为这是将 jQuery 元素添加到 ractive.js 的正确方法，如果不是，请告知。
在我创建了一个装饰器并将其分配给Dashboard组件后，它实际上不起作用，并且来自gridstackDecorator的事件不会缓存在Dashboard组件中。
我用不起作用的代码创建了这个 Fiddle ，源代码如下：
Ractive.js 组件树看起来像：
HTML 模板如下所示：
我尝试分配给仪表板组件的 gridstack 装饰器如下所示：
updateandteardown方法永远不会被调用，这是为什么呢？
将呈现每个gridstack容器元素的 Widget 组件是：
Dashboard 组件，其中gridstack装饰器被分配给：
将使用 Dashboard 组件呈现整个应用程序的根组件如下所示：
javascript - 调用 ajax 次数过多后，Asp.net OnClick 事件未触发。
我正在使用仪表板并使用gridStack。我正在使用 ajax 更新数据库。数据是 html 元素的 x,y 位置（页面上的一些 div）。这是我的 JavaScript 代码：
现在的问题是，如果我过于频繁地调用上述函数（拖放次数过多）。然后单击下面提到的 asp.net 按钮，页面重新加载但未触发 OnClick 事件（也在调试模式下根本不调用代码）。页面重新加载后，我第二次单击此按钮，然后触发 onClick 事件。
我不知道为什么它会这样。它可能与 IIS 安全性或视图状态有关吗？
jquery - Gridstack，有没有办法获得块排序顺序？
我正在使用 gridstack 构建一个布局可视化编辑器，我已经实现了一个将小部件添加到工作区域的脚本。我的目标是获取 DOM 的 HTML 内容并将其粘贴到文本区域。该脚本运行良好，但我不需要知道每个 div 在 JSON 上的确切位置，相反，我需要知道它们的排序顺序。问题是即使我改变屏幕上的每个 div 位置，它们的 DOM 位置总是相同的顺序。任何想法？
javascript - Gridstack - 小部件的最大宽度大于网格宽度崩溃小部件的大小调整
我在 Web 应用程序中的仪表板视图中使用gridstack.js (v0.2.6) 库。我试图实现让用户更改网格宽度的可能性。几乎一切似乎都在工作，但我遇到了maxWidth小部件的问题。将小部件设置maxWidth为大于网格列数的值似乎会导致小部件的大小调整崩溃。例如，当我设置gridWidth = 3和小部件时maxWidth = 5，我可以将小部件的大小调整为最大 ~1.3 * 列宽，而不是 3 列。
我提供了最重要的代码部分：
HTML
Javascript
初始化：
添加小部件：
问题
有没有人遇到过类似的问题并且知道我该如何处理？我将不胜感激任何帮助。
javascript - 在 gridstack.js 中，拖动功能不起作用
我在下面的代码中使用了 GridStack.JS（基本结构）
脚本如下
我这里有 2 个问题 1. 我无法拖动网格堆栈项。有人能帮我吗？2. 其次，我无法缩放 grid-stack-item 容器以增加其高度以匹配内容
任何帮助将不胜感激，如果需要任何事情，我也可以提供更清晰的信息
谢谢
javascript - dynamic resizing effect in Metafizzy Packery component
I'm looking to JavaScript Packery component. I want to switch the current implementation from GridStack to Packery. One thing that stops me right now is a lack of dynamic resizing effect of components(panels) in Packery. Right now I'm unable to find this feature in demo or documentation.
Is any way to implement/enable this feature in Packery?
gridstack - 如何使用指令添加新的 gridstackitem？
使用 gridstack.io，我想动态地拥有一个可以“添加小部件”到特定区域的按钮。我有一个要动态添加到网格中的组件“”。
鉴于我对网格堆栈的以下定义，如果我添加一个按钮，当您单击它时，会在左上角添加一个新指令，我该如何做到这一点？
我有以下指令：
网格堆栈directive.ts：
网格堆栈项directive.ts：
索引.html：
