问题标签 [angular-slickgrid]

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

slickgrid - 如果Angular slickgrid中存在值,如何设置单元格颜色

我正在使用 Angular slickgrid,如果该单元格中存在该值,我想更改单元格颜色。

注意:我只想要单元格而不是整行的颜色。

有没有最好的方法来遍历所有的单元格并设置颜色或任何等效的解决方案?

我需要根据数据显示不同的单元格颜色。如果数据来自服务器并且未更改(不脏),则为红色。如果数据被编辑或添加新行(脏),则单元格颜色将为蓝色。我已经更新了这个问题。

我正在使用这个功能enableAsyncPostRender。如果我编辑或添加新行,这不起作用。

0 投票
1 回答
222 浏览

angular - 在 Angular Slickgrid 示例 24 中使用 Angular slickgrid 和 ngfor 动态创建选项卡

我需要一个带有类似于Angular Slickgrid 中的示例 24的选项卡的页面,其中每个选项卡的内容都是一个网格。选项卡的数量可能会有所不同,因此我需要使其动态化。

因此,我以该示例为基础来了解该做什么。首先我修改了ngOnInit:

在模板中,我使用了对象*ngFor

我没有得到 3 个选项卡,每个选项卡包含一个网格,而是得到 3 个具有相同内容的选项卡,每个选项卡包含所有 3 个网格。

错误在哪里?谢谢

0 投票
0 回答
37 浏览

angular - Angular Slick 复制/粘贴实现 onKeyDown 事件仅捕获“ ctrl ”键,但不捕获“ ctrl + c ”

  1. 当角网格初始化 keydown 事件订阅时,当我们按下键时,它将调用复制/粘贴方法,但 keydown 方法仅捕获一个无法执行复制/粘贴操作的键。

  2. 在角光滑网格中仅包含键盘事件的 OnKeyDown 事件,因此我们可以添加其他事件,如 OnKeyPress。

0 投票
2 回答
287 浏览

jquery - 如何在 Angular-Slickgrid 中获取列标题的工具提示?

列标题具有类“.slick-column-name”

我添加了这个 jquery -

但它在每个工具提示中显示每个列名,(例如 ID 、描述、标题是列标题,因此每个列标题的工具提示显示为“ID 描述标题”

0 投票
0 回答
51 浏览

html - 如何使引导工具提示与其所指的文本正确对齐?

所以我面临的问题是,

当用户将鼠标悬停在具有超过列宽的文本的列上时,工具提示将显示到文本的中点,此时该列将被展开以查看全文。我正在使用标准引导工具提示$().tooltip()

在图像中,您可以看到工具提示正在移动到下一列,这是因为,当您展开当前列时,它将显示具有大长度的全文,然后工具提示的中点将正确显示

所以我需要做的是,当列被缩短(调整大小以显示更小的宽度)时,工具提示不应该显示为当列完全展开或完全调整大小时(目前它显示的是基于完全展开的工具提示三角形(调整大小)列)

0 投票
1 回答
118 浏览

angular - 在升级面临构建问题的最新 angular slickgrid 版本时

我使用的是 angular slickgrid 版本 2.19.0。升级到最新的 angular slickgrid 版本 2.29.1 后,面临构建问题(ng build)。

这是错误截图

错误截图

软件版本

  • 角度:7.3.5
  • 打字稿:3.1.6
  • 节点:10.16.3
  • NPM:6.9.0
0 投票
0 回答
130 浏览

angular - Angular slickgrid 列过滤器框对齐问题

我正在使用 angular slickgrid 版本2.19.0来显示我的数据列表。在这里,我有许多带有过滤器选项的列。当我滚动水平条并展开过滤器行时,过滤器区域对齐方式与每个列标题不匹配。示例 angular slickgrid 中发生了同样的问题。

https://ghiscoding.github.io/Angular-Slickgrid/#/resize-by-content

重现步骤:

  • 使用汉堡菜单中的切换过滤器行选项折叠过滤器行。
  • 水平滚动列表以查看其他一些列。
  • 使用汉堡菜单中的切换过滤器行选项展开过滤器行。

当前行为: 在上述步骤之后,过滤器行显示(维护)列,同时折叠过滤器行。

预期行为: 它必须显示带有适当过滤器行的可见列。

在此处输入图像描述

0 投票
0 回答
45 浏览

javascript - 想要在悬停在 angular-slickgrid 单元格数据上时实现 ng-bootstrap 工具提示或任何其他工具提示

我想实现 ng-bootstrap 工具提示(或任何其他工具提示,如果可行的话),当用户将鼠标悬停在 slickgrid 单元格内的数据上时将显示该工具提示。我还在下面附上了预期功能的快照。当用户将鼠标悬停在光滑网格数据上时,我需要显示类似的黑色工具提示和一些信息。在此处输入图像描述

这通过格式化程序是不可能的,当我在网格单元格内渲染一个角度组件以便我可以在那里轻松地使用 ngb-tooltip 时,工具提示将被裁剪为网格​​单元格尺寸的大小。网格单元区域之外的部分不可见。即使是高 z-index 也无法使其可见。

通过建议一些方法来实现这一点,帮助我解决这个问题。

0 投票
1 回答
82 浏览

angular - 当单元格中的值发生更改时,Angular Slickgrid 工具提示未更新

当单元格宽度小于内容所需的宽度时,悬停工具提示用于显示修剪值。但是一旦我将鼠标悬停在单元格上,它会显示当前值,但在后台它会频繁更改,而该更改不会出现在工具提示中。

为此,我使用网格选项。enableAutoTooltip:真,

附加的屏幕截图显示之前的值只有 0.8999.. 而当前值为 0.28000...

显示工具提示不匹配

任何线索我如何用最新值更新工具提示?

为了更新单元格,我使用了slickgrid提供的网格服务的 updateItem。

使用的版本:Angular:8.2 Angular-slickgrid:2.18.6

提前致谢。

0 投票
0 回答
24 浏览

css - 当我们在 ngb 模式中加载网格并滚动时,Slickgrid 网格菜单不会与网格一起移动

我在 ngb 模态上渲染有角度的 slickgrid。当我打开网格菜单并垂直滚动时,网格会移动,但网格菜单不会与网格菜单按钮一起移动。它保持在相同的位置。

可能的解决方案是什么?