问题标签 [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 投票
0 回答
290 浏览

ionic-framework - 在 Slick Grid 内联编辑中,我无法获取整个对象

我正在使用 angular slickgrid 来显示我的数据。当我试图编辑光滑的网格记录时,我会得到更改的字段,只有我需要整个对象。我已经给出了样本数据。

列定义:

SlickGrid 输入数据集结构:

当我开始更改员工字段 oncellchanged 时,我得到了 arg.Item

当前行为

日志

预期输出:

软件版本

  • 角度:7.3.5

  • Angular-Slickgrid:2.17.10

  • 打字稿:3.1.6

  • 节点:10.16.3

0 投票
1 回答
111 浏览

angular - Angular SlickGrid 日期范围过滤器不起作用

我在 Angular SlickGrid 中有两个日期列,表的列值基于一个类。这两列基于此类的两个日期字段。

我想将这些值显示为 dateTimeShortIso,但对这两列中的每一列都使用 dateRange 过滤器。

由于某种原因,实际使用过滤器时,没有数据显示

这是课程的相关部分

这是我填充数据集的方式

以下是相关的列定义。

0 投票
1 回答
363 浏览

angular - Angular-slickgrid 无法读取未定义的属性“hostView”

各位开发者好,

我正在使用 angular slickgrid 库,并尝试添加提供的 rowDetailView 功能。

我的问题是我可以单击以扩展视图,但无法关闭视图。一旦我再次单击该符号以关闭/打开 rowDetailView,我就会收到以下错误:

这是我的网格选项:

这是我使用的模拟服务器AsyncCall() 方法:

如果需要我的前端,它就在这里:

我似乎无法弄清楚我是否遗漏了某些东西或者是否有其他问题。

谢谢大家。

0 投票
1 回答
399 浏览

angular - Angular slickgrid 列删除排序选项无法正常工作

在 angular slickgrid 中,按列排序 asc/desc 工作正常。但删除按列标题菜单排序无法正常工作。当我删除排序时,数据集应重置为最初加载的数据视图。但它保持最后的排序顺序。当我清除所有按网格菜单排序时,它工作正常。在这里,我将我的问题案例分享为 gif 文件,请任何人帮助我解决此问题。

在此处输入图像描述

0 投票
0 回答
419 浏览

html - Angular slickgrid page moves up on click any cell

I am using Angular slickgrid to display my data, issue is when we click on any cell, row or checkbox, page moves up to starting element. Instead of moveing up page should stay as it is.

From DOM I found active element is '<div tabindex="0" hidefocus="" style="position:fixed;width:0;height:0;top:0;left:0;outline:0;"></div>'

When I delete above line, then it stop moving page up on click on any cell and working properly as per proper behaviour.

Here is my code:

Grid options are:

here is link for behaviour: https://app.box.com/s/gwoks1buvncz8q6bebd2t0bym4tf1tw7

I would appreciated when you give me some solution why this is happens

0 投票
1 回答
257 浏览

javascript - 角度生成路由链接

我对角度很陌生,如果不导航到它,我无法弄清楚如何以编程方式生成路由链接。

我正在使用 angular-slickgrid 并且我在某些列上有一个自定义格式化程序,这些列需要生成一些 HTML 来呈现单元格,我想在其中有一个指向单独组件的链接:

我已经尝试了一些东西在哪里?是,就像 '[routerLink]="[...]"' 但显然它没有得到评估。该函数有没有办法在返回之前生成链接,还是我必须对其进行硬编码?

我知道一个解决方案是有一个 onclick 事件并调用一个函数,然后调用 router.navigate ,但我没有这样做,因为我想这会生成用户在悬停时看不到的链接。

额外的问题,如果有人知道使用 angular-slickgrid 为每个单元格定义上下文菜单的方法,我将不胜感激。看起来有一些上下文菜单选项,但它们似乎都没有一个很好的方法来知道单击了哪个单元格,这就是为什么我试图通过格式化程序在单元格本身中添加一个链接,但这不是很好漂亮的。

我希望能够在该右键单击菜单中添加一个条目“详细信息”,该菜单将链接到我的其他页面,并具有适当的参数,具体取决于右键单击的单元格。

0 投票
0 回答
468 浏览

angular - 如何在 angular slickgrid 中立即渲染自定义角度组件

在 angular slickgrid 中,我使用自定义 angular 组件在单击操作中显示用户信息。当我滚动 slickgrid 自定义角度组件时,自定义角度组件渲染需要一些时间来显示当时的格式化程序内容。可以减少自定义角度组件的渲染时间。我的要求是立即渲染自定义角度组件。请提供完美的解决方案

网格选项:

列定义:

表列信息:

渲染方法:

当前输出:

在此处输入图像描述

软件版本:

角度:7.3.5

Angular-Slickgrid:2.17.10

打字稿:3.1.6

操作系统:Windows 10

节点:10.16.3

NPM:6.9.0

0 投票
1 回答
293 浏览

angular - 需要在更新数据视图中的记录时处理 Angular slickgrid 多次渲染

我正在使用 angular slickgrid 来显示我的数据。我持续监控数据。如果服务器端发生任何更改,则该数据需要在应用程序中更新。这样修改后的数据就会通过这段代码在 slickgrid 中更新this.angularGrid.gridService.updateDataGridItem(data);。在更新数据时,角度 slickgrid 会多次完全渲染。我想避免多次渲染角度光滑网格。


当前行为

在添加或更新记录时,角度 slickgrid 会多次呈现


期待行为

在添加或更新记录时,角度 slickgrid 只需要更新特定的行数据视图


在这里,我分享了我的网格选项供您参考。


软件版本

角度:7.3.5

Angular-Slickgrid:2.19.0

打字稿:3.1.6

操作系统:Windows 10

节点:10.16.3

NPM:6.9.0

0 投票
0 回答
157 浏览

angular - 冻结列时可拖动行分组宽度的 SlickGrid Angular 问题

我使用了 Angular SlickGrid 的可拖动分组和列冻结功能。如果任何列被冻结,行组的宽度就会缩小。

[SlickGrid 演示] https://ghiscoding.github.io/angular-slickgrid-demos/#/draggrouping

可拖动分组宽度问题

我又发现了一个问题。重现步骤 :

  1. 冻结第一列
  2. 拖动任意列进行分组。
  3. 从分组面板中删除列
  4. 您仍然只能看到一列 即使在取消分组后它也只显示一列
0 投票
1 回答
447 浏览

angular - 如何在角度 slickgrid 自定义格式化程序中显示自定义角度标签

在 angular slickgrid 中,我使用自定义 angular 组件来显示用户信息。可以使用自定义格式化程序显示自定义角度标签。在这里,我分享了我的代码片段。

cspfm-audit-info是我自己的角度组件,用于显示数据审计信息。我想显示 cspfm-audit-info。


软件版本

角度:7.3.5

Angular-Slickgrid:2.19.0

打字稿:3.1.6

操作系统:Windows 10

节点:10.16.3

NPM:6.9.0