问题标签 [angular-grid]

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

angular - How to call a service from ag grid drag & drop event

I have an ag-grid set up with options to trigger drag and drop events:

I also have a simple service

It seems I cannot call the doSomething service function from within the onRowDragEnd event - getting a cannot read property 'doSomething' of undefined... at Object.onRowDragEnd error.

I know the service is defined and working correctly, doSomething can be called from the grid component's init function, so I'm just not sure how I can call something external to the grid or any workaround ?

0 投票
2 回答
1231 浏览

tabs - 如何展开 Angular Material 选项卡以显示 Angular Grid 数据?

我正在使用 Angular 8,并希望以下列方式在 Angular Material 选项卡中显示 Angular Grid:-

问题是,即使 Angular Grid 中存在数据,Angular Material Tab 也不会扩展以使 Angular Grid 可见。它显示如下: -

在此处输入图像描述

但是,当我将 Angular Grid 放在 Angular Material 选项卡之外时,网格会显示其完整数据。

我尝试使用“mat-tab-group”的“dynamicHeight”属性,但它没有用。

请在这里帮忙。

0 投票
1 回答
686 浏览

javascript - 即使将 enableHeaderMenu 选项设置为 true,Angular-Slickgrid 标题菜单也不可见

我在我的 Angular 应用程序中使用 Angular-Slickgrid。网格工作正常,但我面临 Headermenu 的问题。当我运行应用程序时,无法在任何标题中的鼠标悬停上看到 Headermenu 图标。

我正在使用以下网格选项:

如您所见,我设置了 enableHeaderMenu: true,即使在此之后也无法看到标题菜单。下面是我的网格的图像:

在此处输入图像描述

当我将鼠标悬停在任何标题上时无法看到标题菜单图标(我需要单击它以打开标题菜单)

我还添加了所需 css 文件的引用,我认为 css 正在工作。下面是 angular.json 文件的代码:

slickgrid-styles.scss 文件的代码:

在调查我的代码后,我终于找到了问题的原因。我在我的网格中使用了 12 列,其中我只想在页面加载时显示一些列,比如 9 列(用户可以从网格菜单中检查列以使其可见)。为此,我使用以下代码:

我在 angularGridReady 中调用此方法

评论 setGridDefaultVisibleColumns 函数调用后,我的问题得到解决

0 投票
1 回答
410 浏览

angular-grid - 角度 ig-grid 中 dd/MM/YYYY 格式的日期字段中的列排序问题

在 igx-grid 中,

  1. 当我们以 dd-mm-yyyy 格式应用升序和降序排序时,排序不适用于实际的日期、月份和年份。并且只应用按日期排序。

  2. 当我们应用升序和降序排序时,提交的日期按 yyyy-mm-dd 格式排序,我们使用管道在 UI 上以 dd/MM/yyyy 格式显示日期。所以在这种情况下排序不起作用。

0 投票
0 回答
326 浏览

angular - 如何在量角器测试中计算 Angular 网格中的行数?

作为对我的 Angular 应用程序进行量角器测试的一部分,我正在尝试计算Angular Grid中的行数。

我能够计算使用的列数,ag-header-cell因为每个标题/列都具有该 CSS 类:

但是当我尝试将相同的逻辑应用于网格中的行时,将返回 0 行。

我的代码:

我的错误信息:预期 0 为 10。

正如您从下面的代码片段中看到的那样,几个 div 具有ag-rowCSS 类,所以我不知道为什么它没有选择:

代码片段

0 投票
1 回答
86 浏览

angular - 如何在量角器测试中验证 Angular Grid 第一列中的文本?

作为对我的 Angular 应用程序进行量角器测试的一部分,我正在尝试验证Angular Grid 第一列中单元格内的文本。

下面的代码验证网格的每个单元格的文本:

当针对下表运行时,此代码将检查“Toyota”、“Celica”、“35000”、“Ford”、“Mondeo”等(即每个单元格)

但是,我希望测试只验证“Toyota”、“Ford”和“Porsche” (即这个Angular Grid的第一列)

桌子

有人可以告诉我为此我需要做些什么改变吗?

注意:如果aria-colindex="1" left: 0px;"可以用作选择器,那么我想我可以使用它。

0 投票
1 回答
46 浏览

protractor - 更新行的顺序后如何验证 Angular 网格的第一行?

我正在尝试为Angular Grid创建量角器测试。

对于我的测试,我单击网格上的一列,然后重新排序行。

单击此按钮后,我想通过检查该行中的第一个单元格来验证行的顺序是否已正确更新。

下面是我的测试代码:

我面临的问题first.getText()是返回原始顺序的第一行的值,而不是更新的顺序。

有人可以告诉我如何在网格更新后验证第一行中的单元格吗?

注意:我已经browser.sleep()为自己添加了,所以我可以验证按钮点击、重新排序等都按预期工作。

0 投票
1 回答
156 浏览

angular - 如果标题跨越屏幕宽度,如何在量角器测试中验证 Angular Grid 的所有列标题?

我正在尝试在我的 Angular 应用程序中为以下要求编写量角器测试:

我正在尝试验证下面我的 Angular 网格中所有列标题的文本:

当我运行它时,我收到以下控制台错误:

作为实时用户,当我导航到页面时,只有 3 列立即对用户可见。

要查看其他 3 列,您需要滚动页面/网格,所以我想知道这是否是该测试因上述错误而失败的原因。

如果是这种情况,有人可以告诉我需要进行哪些更改,以便我可以验证 Angular 网格中的所有列标题吗?

0 投票
1 回答
125 浏览

angular - 目标入口点“@pebula/ngrid”缺少依赖项:@angular/cdk-experimental/scrolling

我试图解决我的应用程序@pebula/ngrid中的依赖错误angular 11,我导入了所有必需的包,但我不知道是什么问题,如果有任何想法请帮我解决这个问题。

我用的是以下版本

我也尝试安装

0 投票
1 回答
166 浏览

angular-grid - 在 Angular-Slickgrid 中默认选中或选中所有行复选框和标题行复选框

我正在使用 Angular SLickgrid 并希望显示所有行的所有复选框以及默认选中的标题行复选框(当网格加载时)。我可以通过使用部分实现它,this.angularGrid.gridService.setSelectedRows(this.allDataId) 但我在控制台中遇到错误并且所有数据行都不可见。我不能使用预设,因为我想显示所有选定的行,直到加载角度网格时,我没有所有行 ID。下面是我得到的错误。我在将数据传递给之前添加了空检查,setSelectedRows()但没有用。

请建议如何实现它。谢谢。