gridster相关内容

仅使一个 gridster 小部件可调整大小

是否可以只调整一个 gridster 小部件的大小? 我已经做到了,因此用户可以单击小部件标题,以便它展开 &合同. 我想让它在小部件展开时可以调整大小. 这可以吗?如果有,怎么做? 解决方案 启用调整大小时,每个小部件都在 span 元素中获取 gs-resize-handle 类setup_resize() 函数. 所以你可以通过添加一个自定义类来使用 css ..
发布时间:2022-01-18 22:58:19 其他开发

具有不同动态内容的小部件 (angular-gridster)

我正在尝试使用 angular-gridster 模块创建基于 angularjs 的 Web 仪表板.gridster 工作正常,我在绑定内容时没有任何问题(例如带有 ng-bind-html 的文本或图像). 但实际上我不想只向这些“小部件"添加文本或图像,我正在尝试创建一个包含动态内容的仪表板.因此,作为用户,我想向仪表板添加一个新的小部件并选择一种类型(例如时钟小部件或其他东西)并可 ..
发布时间:2022-01-18 22:48:36 其他开发

删除小部件后如何定位jquery Gridster?

我可以删除小部件,但是在定位其余小部件时遇到了问题. 当我从顶部移除窗口小部件时,底部窗口小部件将自动移至顶部,看起来不错.但是,当我从左侧删除窗口小部件时,右侧窗口小部件不会移到左侧吗? 解决方案 最后我解决了这个问题 ..
发布时间:2020-06-17 19:12:17 其他开发

使用angularjs保存gridster布局

我正在使用Gridster创建仪表板应用程序: https://github.com/ManifestWebDesign/angular-gridster 我想使用JSON将布局保存到数据库.我所知道的是,我将图表数组存储到数据库中并获取了它.是否可以将窗口小部件的行,行和大小存储到特定的窗口小部件,所以我可以用角度样式{{chart.xsize}}给出size-x和size-y.创建小部件 ..
发布时间:2020-06-17 19:12:15 前端开发

调整框大小后未得到gridster序列化数据

我试图在更改包装盒的大小和位置后获取序列化数据.但是我仅获得有关负载的详细信息.调整框大小后如何获取序列化数据.我也想获取框的文本(框内的值). 这是我的代码: $(function() { var gridster = $(".gridster > ul").gridster({ widget_margins: [10, 10], widget_ba ..
发布时间:2020-06-17 19:12:12 其他开发

Gridster add_widget很慢

我想在我的网站上使用Gridster,但是我需要使用"add_widget"命令添加许多小部件.我进行了测试,我认为"add_widget"功能存在问题:网格越来越慢,并且存在内存泄漏. 您可以在此视频中看到它:严重问题的视频 但是,正如您在视频中看到的那样,如果我在开始时添加小部件(不使用add_widget函数)就没有问题.你能帮助我吗 ?我的代码有问题吗? 提前谢谢! ..
发布时间:2020-06-17 19:12:08 其他开发

使仅一个gridster小部件可调整大小

是否可以仅调整一个gridster小部件的大小? 我已经做到这一点,以便用户可以单击小部件标题,以使其展开&合同. 我想这样做,以便在扩展小部件时可以调整大小. 可以做到吗?如果可以,怎么办? 解决方案 启用调整大小后,每个小部件都在 span 元素中的 gs-resize-handle 类中包含以下内容: setup_resize()函数. 因此,您可以使用CSS ..
发布时间:2020-06-17 19:12:05 其他开发

以编程方式移动Gridster小部件

我正在尝试以编程方式移动Gridster小部件,我想实现类似于拖动gridster小部件的效果. 目前,我正在使用Jquery 分配data-col 和 data-row属性,但 gridster小部件只是与其他元素重叠gridster小部件和其他小部件未像拖动gridster小部件时那样重新定位.我该怎么办? TIA. 解决方案 我在尝试为gridster dash创建动画循环时遇 ..
发布时间:2019-11-14 12:52:07 前端开发

如何将元素从一个栅格拖到另一个栅格?

有人试图将一个单元从一个Gridster拖到另一个吗?我一直在努力使它工作..但是没有运气.有什么帮助吗? 解决方案 此处是拖放到Gridster中.这只是您要求的一半,但我怀疑一个人可能会看到一个项目将其拖到栅格外并拖入另一个.. 此处是通过双击将项目从一个网格移动到另一个网格的示例.这是一个开始. $(function () { //DOM Ready $(".grids ..
发布时间:2019-11-14 12:29:03 JavaScript

与Gridster和Knockout绑定的小部件

我是Javascript的新手,并尝试将Gridster与Knockout一起使用。我有一个包含项目的数据库,我使用knockout foreach将它们绑定到UL。 UL采用Gridster库设计。除非我尝试通过viewmodel中的ObservableArray向UL添加其他元素,否则一切都很有效。 有谁能帮我理解这里的操作范围和顺序?感觉就像Gridster库没有为新的小部件做样式。 ..
发布时间:2019-06-07 17:17:30 前端开发

与Highcharts Gridster,使特定图表更小,并重新计算

我正在用gridster和highcharts构建仪表板。 如果我调整窗口的大小,并且使用高图表的窗口部件比窗口大,我想调整窗口大小以使其更小,并且网格应该重新计算其他窗口的位置。 我试过这段代码来制作一个窗口小部件,如果窗口大于窗口宽度,它的大小就会变小: $( “.dashboard> li”).each(function() { var chart = $(this).chi ..
发布时间:2018-06-11 19:47:24 JavaScript

HighStocks可拖动元素干扰网格拖动

我正在使用HighStocks的股票图表和gridster。 gridster中的每个块都可以自由拖放。但是,股票时间滑块小工具也可以拖动和调整大小。由于它位于栅格小部件的顶部,因此每当我拖动滑块时,整个小部件也会移动。我包括一个JSFiddle来展示我的观点。 http://jsfiddle.net/faPrd/ 在这个小提琴中没有那么明显,因为没有那么多的元素,但是你可以看到,当你拖动 ..
发布时间:2018-06-11 19:33:58 前端开发