问题标签 [angular-gridster2]

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 回答
132 浏览

angular - 元素隐式具有“任何”类型,因为“任何”类型的表达式不能用于索引类型,任何人都可以告诉我

你好我正在对gridster2做动态组件,我在“组件[this.componentRef];”中有问题 向我显示此错误:元素隐含地具有“任何”类型,因为“任何”类型的表达式不能用于索引类型“{ example1:typeof Example1Component; 示例 2:示例 2 组件的类型;}'

请有任何帮助

0 投票
0 回答
23 浏览

angular - Gridster2 anf jsPDF 不工作,不给我所有的组件 - 角度

我有jsPDF代码:

结果是有 4 个图表并且没有用空格分隔

在此处输入图像描述

0 投票
0 回答
38 浏览

angular - 如何使用角度 gridster2 垂直排列小部件项目

我有多个小部件,我在 angular11 中使用 Angular gridster2 创建。在每个小部件中,我有多个提供一些统计信息的项目。

当像下面这样的小部件内单行中的项目数超过 3 时,我想垂直显示这些项目...

小部件和项目图像

目前,我将所有物品放在一行中

以下是我的小部件配置:

你能帮忙吗?提前致谢。

0 投票
0 回答
31 浏览

javascript - 对 Angularjs Gridster 的辅助功能支持

如何改进对 Angularjs Gridster 的可访问性支持,是否有任何可访问性支持的配置。?

Here is working example https://codepen.io/shnigi/pen/JLVZpK

在这里,我想使用键盘支持拖动“li”元素。

请帮助我实现这一目标,感谢任何帮助。

0 投票
0 回答
15 浏览

angular - 通过 Gridster2 减小拖动项目的大小

我正在使用Gridster2package inangular并寻找一种在拖动时减小拖动项的大小并使其在交换后恢复到原始大小的方法,但在文档中找不到方法。此外,我找不到仅在有mouseup事件时交换项目的方法,现在即使我还没有释放鼠标,它也会立即交换。谢谢

0 投票
0 回答
98 浏览

angular - angular2gridster V11.0.0:在不影响纵横比的情况下向单元格添加固定高度的页眉和页脚

在 angular/cli V-11.2.5 项目中,我使用的是 angular2gridster V-11.0.0。

如下图所示,我的网格单元格包含纵横比为 16/9 的视频:

在此处输入图像描述

以下是我的 HTML:

我的打字稿:

和我的 CSS:

我想为网格中的每个单元格/电影添加一个固定高度的页眉和页脚,以显示信息和自定义控件,但这会改变网格单元格的纵横比并剪切视频。以下是我尝试过的一些事情:

但是结果有点乱,你能帮忙吗?

在此处输入图像描述

0 投票
1 回答
62 浏览

angular - Angular Gridster2 如何将所有项目导出为 PDF?

我们在 Angular 应用程序中有一个仪表板,它是在 gridster2 中制作的。它包含几个小部件,我们希望所有小部件都应导出为 A4 大小的 pdf。哪些图书馆可以帮助我们做这件事。

我们已经尝试了 convas2html ,它还没有准备好生产,当页面很长时会卡住。

0 投票
1 回答
160 浏览

chart.js - Angular 9 上的 ng2 图表没有响应

我使用 Angular9 和 ng2 图表创建了一个仪表板应用程序。该应用程序能够在 Gridster 布局上拖放图表并创建在主页中加载的仪表板。

ng2 图表通过图表选项设置为 responsive true,除了在小屏幕上外,它都可以正常工作。

我在小屏幕上有以下问题

  1. Gridster 设置为移动响应式,因此在小屏幕中它会移除网格布局并堆叠项目。图表重叠。

  2. 图例和标签占据了所有空间,图表要么非常小,要么根本不可见。

我认为以下步骤将解决此问题。

  1. 设置小屏幕的画布高度。我无法在画布 html 中设置高度,因为这些图表被拖放并且仪表板小部件是交互式创建的。有没有办法只在小屏幕上设置画布高度?

  2. 有没有办法只在小屏幕上隐藏图例

  3. 有没有办法在小屏幕上将标题的字体大小更改为更小的字体。

此图表选项作为输入发送到具有 html 的图表组件

请指教。

在此先感谢

0 投票
1 回答
288 浏览

css - Angular-gridster2,第一个添加的元素占用所有网格空间,直到刷新页面

我尝试使用 Angular-gridster2,但我遇到了一个问题 - 当我将第一个元素添加到网格时 - 这个元素占用了网格的所有空间。它在浏览器中的元素中的外观。

一旦我刷新页面 - 网格变得可见,所有列和行都会显示并且它开始正常工作 - 每个元素只需要 1 行和 1 列。

这是我的网格设置:

同样奇怪的是,在我添加第一个元素之前,网格没有显示(即使 displayGrid: 'always')。

感觉就像只有在添加第一项并刷新页面后,网格才会“调用”设置。

我尝试按照手册页面上的设置进行操作,但也没有解决问题https://tiberiuzuld.github.io/angular-gridster2/gridSizes。当我将 minCols 和 minRows 放在那里时-它在手册中可以正常工作(但在我的代码中却没有)。对于这种情况,我的设置是:

谁能告诉我,拜托,我做错了什么?先感谢您!

0 投票
0 回答
187 浏览

angular - Angular Gridster2:调整大小后如何触发项目中的功能?

在调整 GridsterItem 的大小后,我想在我的小部件组件中触发一个函数。我怎么做?我知道 Gridster2 在调整大小完成后有事件回调,但我如何使用它来触发我的小部件组件上的某些东西?

在我的布局组件中:

在我的小部件组件中: