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

javascript - 如何过滤我的数据?(ng-网格)

我认为这很可能非常简单,但我找不到任何关于如何在他们网站上显示的“filterText”之外添加过滤器的明确文档。我想做的是这样简单的事情:

编辑:或者如果我可以以某种方式过滤数据源?我试过这个:

但它抛出了相当多的错误。

0 投票
0 回答
221 浏览

java - Ng-grid 不更新 rowHeight

我一直在努力寻找一种方法来更改我的 Html 中的 rowHeight,以便我可以将我的指令 A(显示网格)放在具有不同 rowHeights 的多个位置。当我终于开始工作时,我发现它不会在我的网页上更新。我得到的是directiveB(将值从html设置为rowHeight)

无论如何,正如您所看到的,它使用控制器 BNotesCrtl,这就是我对 ng-grid 的选择。通过控制台日志,我发现它不会改变 rowHeight 的值,直到 BNotesCrtl 运行一次。到那个时候,网格已经画好了,不能再更新了。那么有没有一种方法可以使用指令运行 BNotesCrtl,以便我可以在为时已晚之前更新选项?

0 投票
2 回答
470 浏览

javascript - 如何在页面加载时在 ng-grid 的第一列上启用点击事件

如何在页面加载时启用 ng-grid 第一列的点击事件。

所有字段都是动态的。我使用了 ng -grid

我试过这些

但不工作....

请建议。

0 投票
1 回答
1653 浏览

angularjs - 在 angularjs 指令中使用 ng-switch 并在 ng-grid cellTemplate 中使用该指令

我做了以下指令:

然后在使用 ng-grid 的网格上,我有一列有 2 行,值为 4 和 5。我在 cellTemplate 中有以下内容:

问题是两行都显示“无数据”。我想在值为 4 的单元格上显示“真实数据”,在值为 5 的单元格上显示“错误数据”。

我做错了什么?任何帮助将不胜感激。

0 投票
2 回答
10149 浏览

angularjs - angularjs ng-grid 计算列

我正在尝试使用AngularJSng-grid模拟电子表格。我的需求很简单,但我在任何地方都找不到任何可以帮助我修复代码的东西。

我有一个简单的分数表,在最后一列中我需要一个“总分”列。

你可以在这个plunk看到我的代码。

我的问题是,虽然我能够在 document.load 上获得每一行的总数,但无论何时更改任何分数,我都无法更新“ Total ”列。

0 投票
1 回答
5875 浏览

angularjs - 如何通过绑定使 Angular ng-grid 单元格可编辑?

刚开始使用 ng-grid。我需要根据我的网格数组中属性的布尔值使单个单元格(即对于给定的行和列)可编辑。如果我可以简单地绑定到数组属性以打开(或关闭)单元格编辑,那就太好了。但是,我没有看到此选项可用。我是否忽略了一些东西,ng-grid 是否支持开箱即用?如果没有,关于如何实现此功能的任何建议?

0 投票
1 回答
1610 浏览

angularjs - 用于指令重用的动态 ng-model

我有一个带有一个控制器和三个选项卡的页面,每个选项卡都显示自己的 ng-grid 和一个用于过滤可见行的文本框(不是内置过滤器框)。

我为要在每个选项卡上使用的过滤器框创建了这个简单的指令(就像我在其他页面上所做的那样)。

这是 filterTemplate.html:

我创建了三个 ng-grids ($scope.gridOptions_1$scope.gridOptions_2) $scope.gridOptions_3,每个都为其选项卡引用适当的数据集。

我的问题是,我怎样才能修改指令,以便我可以指定ng-modelto be gridOptions_1.filterOptions.filterTextvs. gridOptions_2.filterOptions.filterTextvs. gridOptions_3.filterOptions.filterTextvs. plain old gridOption.filterOptions.filterText

这是我尝试过的,但没有成功...

  • 添加scope: { subgrid: '@subgrid' }到指令中
  • 将模板文件更改为:
    • ng-model="gridOptions{{subgrid}}.filterOptions.filterText"
    • ng-model="gridOptions[subgrid].filterOptions.filterText"
    • ng-model="gridOptions[scope.subgrid].filterOptions.filterText"
  • 将我页面上对指令的引用更改为<myGridFilter subgrid="_1"></myGridFilter>

我还希望能够gridOptions在其他页面上重用通用案例的指令,所以我也在{{subgrid||''}}模板中进行了尝试,但没有进一步尝试容纳 '' 的默认案例,直到我弄清楚如何获得动态ng-model工作优先...

感谢您的帮助和建议!

0 投票
1 回答
13384 浏览

angularjs - 带有 Angularjs 的 CRUD ng-grid 示例

我正在尝试在使用 ng-grid 的项目中进行 CRUD。

我需要一个样本来帮助我完成它。

有没有人有任何想法?

0 投票
1 回答
882 浏览

angularjs - ng-grid afterSelectionChange 返回值

可以使用 ng-grid afterSelectionChange 返回值???

我怎样才能完成它?我想获得 $scope.programEdit 值,

setPagingData 函数设置数据显示在视图上,

getPagedDataAsync 函数使用 $resource 获取价值

任何人的想法?

请帮忙

我想让它显示在编辑 html 上

0 投票
3 回答
4246 浏览

angularjs - ngGrid 清除排序数据

我希望能够从 ng-grid 中删除排序数据。在下面的示例中,我想在按“排序”时删除排序。

我一直在阅读 ng-grid.js,发现了一个名为 ClearSortingData() 的函数。我不知道如何实现它,或者它是否应该做我想做的事。

这是plunker的例子。谢谢你。