问题标签 [ng-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 投票
4 回答
11518 浏览

angularjs - 如何滚动 ngGrid 以显示当前选择?

我正在从 JavaScript 中选择我的 ngGrid,调用gridOptions.selectItem(). 我将 multiSelect 设置为 false,因此只选择了一行。我希望 ngGrid 自动滚动以显示新选择的行,但我不知道该怎么做:有人可以帮忙吗?

关于相关主题:我可以通过鼠标单击禁用行选择吗?如果是这样,怎么做?

编辑添加

如果可能的话,我还想禁用所选行的键盘导航。

什么有效:

AardVark71 的回答奏效了。我发现 ngGridngGridgridOptions变量上定义了一个属性,该属性包含对网格对象本身的引用。通过此对象的属性公开必要的功能:

我的网格固定在 13 行高,我的逻辑试图使选定的行出现在网格的中间。

如果可能的话,我仍然想禁用鼠标和键盘对选择的更改。

什么也有效:

这可能更接近“角度方式”并达到相同的目的:

尽管通过单击选择一行时的效果可能有点令人不安。

0 投票
4 回答
14348 浏览

javascript - Angular ngGrid在页面加载时选择行

我的问题是这个问题的延伸

从 ng-grid 获取选择行?

plunker - http://plnkr.co/edit/DiDitL?p=preview

我需要在页面加载时选择一行,并且我需要避免收听“ngGridEventData”

调用 $scope.gridOptions.selectRow(2, true); 由于尚未加载网格,因此控制器主体中的失败。

避免收听 ngGridEventData 是因为我需要控制器收听之前触发的事件,并且基于此我需要选择 nggrid 行。

有任何想法吗?

0 投票
1 回答
1590 浏览

angularjs - 将下拉角带与 ng-grid 集成

我想将单元格模板化为下拉按钮。所以我创建了一个带有链接到下拉指令的按钮的单元格模板。如果我在网格外创建此按钮,它可以工作,但在网格内则不行。我不确定,但我猜$scope在模板中无法访问。

我创建了一个显示问题的Plunker

0 投票
3 回答
1093 浏览

javascript - 从角度 $scope 承诺中删除一行

Angular 足够聪明,可以直接绑定 Promise。我有一个绑定到从服务返回的承诺的 ng-grid 实例。稍后我想删除该网格中的一条记录,但由于我没有可以直接操作的数组,我不确定该怎么做。

例如,以下将引发错误“TypeError: Object # has no method 'splice'”,因为“gridData”实际上不是一个数组。

最终,我如何将范围值设置为 Promise 并仍然直接操作数据?

0 投票
1 回答
4882 浏览

javascript - ng-grid 是否支持虚拟滚动?

我想在我的应用程序中使用 Slickgrid 来实现网格功能,但由于我大部分时间都在使用 AngularJS,我认为 ng-grid 是可行的方法,但不确定它是否支持虚拟滚动(我试图查看他们的文档和没有找到任何关于虚拟滚动支持的东西)。如果可能的话,如果有人也可以启发我使用 ng-grid 与 slick grid 的优缺点,那就太好了。

0 投票
4 回答
11581 浏览

angularjs - 向 ng-grid 列添加属性

使用 ng-grid,我想使用标题单元格模板添加我自己的工具提示。为此,我想创建一个名为“工具提示”的列属性。试过了,它没有出现在 col 属性中。您如何看待为我们提供该功能。否则我在每种情况下都创建一个新模板?

见 plunkr:http ://plnkr.co/edit/lSf4XK?p=preview

理想情况下,gridOptions 将包含这样的 columnDefs:

并且dimension1可以在模板中访问该属性,如下所示:

0 投票
1 回答
801 浏览

javascript - 只允许在 ng-grid 中编辑某些行

我有一个 ng-grid,我想只允许某些行是可编辑的。似乎 ng-grid 是一个全有或全无的可编辑网格,我错过了什么还是有解决方法?

0 投票
1 回答
4030 浏览

javascript - ng-grid cellTemplate 不适用于包含的 CUSTOM_FILTERS

在列定义中包含 cellTemplate 时,如果该 cellTemplate 包含 CUSTOM_FILTERS,则会导致 Angular 呕吐:

错误:语法错误:标记“CUSTOM_FILTERS”是表达式 [row.entity.1 CUSTOM_FILTERS] 的第 14 列中的意外标记,从 [CUSTOM_FILTERS] 开始

即使在列 def 中使用默认的 cellTemplate 也会导致相同的错误。

0 投票
1 回答
9883 浏览

angularjs - 如何在外部隐藏/显示 ng-grid 列?

我正在使用ng-grid 我想在外部按钮单击时隐藏/显示列的位置。

我试过这个,但它不工作

0 投票
1 回答
329 浏览

javascript - 从表格行到模态的角度范围共享范围

使用 Angular.js,我有一个数据表(使用 ng-grid),它允许用户单击任何行的编辑按钮,以打开包含该行数据的编辑对话框(AngularStrap)。在对话框中编辑数据会导致网格中的值更新。

从结构上讲,是更常见的是给模态提供自己的控制器和自己的范围还是共享父网格控制器的范围?