问题标签 [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 回答
607 浏览

angular - 将 angular slickgrid 标题列合并为单个标题列

在 angular slickgrid 中,我想合并多列标题,如行的列跨度功能。适用于 slickgrid 行的列跨度。所以我尝试使用 columnGroup 属性,标题列被分组,但该分组列显示在预面板中。但我想在标题面板中显示。给我一个解决方案来实现我的方案。

在这里,我分享了我的网格选项和列定义,以便您了解我的尝试。

网格选项

列定义

自定义格式化程序

当前行为

标题列已分组,但该分组列显示在预面板中。 在此处输入图像描述

预期行为

我想将多列标题合并为单列标题 在此处输入图像描述

软件版本

角度:7.3.5

Angular-Slickgrid:2.19.0

打字稿:3.1.6

操作系统:Windows 10

节点:10.16.3

NPM:6.9.0

0 投票
1 回答
339 浏览

angular - 在 Angular SlickGrid 中展开多行会清除之前展开行的行展开视图

我遇到了 Angular SlickGrid 行详细信息功能的问题,当我展开多行然后返回到较早的行时,它们变为空白。

我在这里查看了官方演示页面,问题也仍然存在。

重现步骤

  1. 在此处转到示例演示页面

  2. 转到底部的表格并首先展开一行。在这里展开第 6 行。 在此处输入图像描述

  3. 展开另一行。有时打开另一行会清除先前行展开视图的视图。 展开另一行之前展开另一行之后在此处输入图像描述 在此处输入图像描述

  4. 否则,向下滚动一点,展开另一行,向下滚动,再展开另一行,然后向上滚动以检查较早扩展的行,结果较早的行变为空白。 在此处输入图像描述

似乎该库正在缓存视图,或者并不总是能够维护多个视图组件。虽然,我不确定。我试图切换这些字段并在行详细信息对象中使用这些字段的多种组合,

提前致谢。

0 投票
1 回答
269 浏览

angular - angular-slickgrid 分组时隐藏总行数

我正在使用带有总和聚合器的分组来使其工作,但我实际上并不关心总和或任何其他信息,我只是对分组感兴趣。它工作正常,但我每组的总行都是空的,这看起来不太好。有没有办法摆脱它?

这里似乎解决方案是将 displayTotalsRow: false 传递给 dataView 构造函数,这是 angular-slickgrid 的可能性吗?

谢谢

0 投票
1 回答
252 浏览

angular - md-tab中的Angular SlickGrid动态网格未加载定义

没有使用 md-tab 加载 Angular 光滑网格

一旦创建了 md 选项卡,就会在子组件中创建。我在子组件 ts 的 ngOnInit 方法上设置选项卡配置。

我不确定这里缺少什么。

如果选项卡已经加载,那么我得到 dom 不存在错误。

父.html

父组件

子模板 html

示例屏幕截图

在此处输入图像描述

提前致谢。

0 投票
3 回答
231 浏览

angular - 双击内联编辑页面导航问题

在 Slick Grid 中,我面临这个问题。

案例:对于双击单元格,应该打开编辑器模型,对于单击单元格,应该导航到其他页面。

问题:当我双击时,会调用两次单击所以页面正在导航。

预期:我期待在没有导航页面的情况下双击编辑选项。

网格选项:

OnClick 操作:

软件版本

角度:7.3.5

Angular-Slickgrid:2.19.0,

打字稿:3.1.6

节点:10.16.3

0 投票
1 回答
526 浏览

angular - Angular slickgrid 多选编辑器字段需要在按下确定按钮时移除焦点而不更改数据

我正在使用 angular slickgrid 来显示我的数据以及用于内联编辑数据。在表格内联编辑工作正常,但存在一些例外情况。对于多选编辑器,当我按下确定按钮而不更改多选值时,未调用单元格更改回调。但编辑视图仍保持焦点状态。在编辑器中移除焦点的任何解决方案。


当前行为

多选编辑器在按下确定按钮时保持焦点而不更改数据。

在此处输入图像描述


预期行为

多选编辑器字段需要在按下确定按钮时移除焦点而不更改数据。


在这里,我分享了我的代码片段供您参考

html


网格选项


表列信息


列定义


角度 slickgrid 示例项目的行为

在此处输入图像描述


软件版本

角度:7.3.5

Angular-Slickgrid:2.19.0

打字稿:3.1.6

操作系统:Windows 10

节点:10.16.3

NPM:6.9.0

0 投票
1 回答
317 浏览

angular - sgOnSelectedRowsChanged() 事件在与可拖动分组一起使用时多次发出 Angular-slickgrid

可拖动分组和复选框选择器已启用。如果我们在网格与某些列分组时单击全选复选框,则会多次发出 sgOnSelectedRowsChanged() 事件,直到所有选中的复选框都被取消选中。这会在几分之一秒内发生,因此全选选项似乎不起作用。但是单选复选框工作正常。

这个问题可以在可拖动的分组 slick-grid 演示中重新创建。

  1. enableCheckboxSelector:在 gridOptions 中为 true。
  2. HTML
  1. TS 中的 SelectedRows()。
0 投票
1 回答
241 浏览

angular - Angular Slickgrid - 基于网格数据加载单选编辑器集合

我正在研究 angular-slickgrid(2.18.7),其中网格具有内联单选下拉编辑器。我想根据每个行项目的表数据显示下拉值。

列值的first行是,status:'odd'editor.collection

列值的second行是,status:'even'editor.collection

我必须根据每个行项的列editor.collection值动态填充值。status

有没有办法让回调函数editor.collection动态设置?

如果有人对此提供帮助,将不胜感激。

0 投票
0 回答
100 浏览

angular - Angular Slickgrid 使用列标题重新加载数据

在页面加载时,我正在渲染angular-slickgrid运行良好的页面。稍后,我想更改列标题名称,删除特定列并根据某些条件启用可编辑列。所以我正在修改columnDefinitionsand的值,gridOptions但它不会重新加载整个网格。

如何使用更新的列标题动态重新加载完整的网格?

0 投票
1 回答
222 浏览

angular - Angular Slickgrid - customValidator 不适用于 SingleSelect 编辑器

目前,我为单元格angular-slickgrid启用Editors.singleSelect了内联编辑器。我想根据某些条件验证选定的下拉值。我参考了这个示例来创建自定义验证器,但我没有收到警报消息。

在这个例子中,下面的方法是触发类型Editors.text而不是Editors.singleSelect类型。

组件.ts

组件.html

如果我按预期将编辑器类型从更改Editors.singleSelect为验证。Editors.text