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

angularjs - AngularJS ng-Grid 和 ngGridFlexibleHeightPlugin 没有按我的预期工作

我正在尝试使用 Angular ng-grid 来显示一些动态内容。网格将有 0 - 25 行。我想要一个最小尺寸,然后让 ng-grid 自动调整高度,因为项目被添加到数组中。由于某种原因,添加 6-7 个项目后自动大小停止(它甚至似乎取决于您的分辨率)。

任何人都可以帮忙吗?我错过了什么?我在下面有一个显示问题的 Plunker。

http://plnkr.co/edit/frHbLTQ68GjMgzC59eSZ?p=preview

0 投票
2 回答
11386 浏览

angularjs - Angular UI Grid - 如何自定义聚合行行为

分组时,ng-grid 创建组行,其外观和行为与常规行不同。特别是,组行不显示常规列,而是显示由 aggregateTemplate 定义的单个合并行。我正在尝试做的是自定义组行以包含聚合列数据。例如:

列:
名称 | 值

数据:
名称1 | 5
姓名1 | 5
姓名2 | 1

按 NAME 分组时显示的网格:
- name1 | 10(这是展开的第一组行)
-- name1 | 5 (这些是实际的数据行)
-- name1 | 5(这些是实际的数据行)
- name2 | 1(这是折叠的第二组行)

请注意,组行显示两列,它们的 VALUE 等于它们的子项的总和。
如果您熟悉 ms excel 数据透视表,那正是我试图模拟的分组类型功能。

这里有一个关于堆栈溢出的类似问题(如何在 ng-grid 中使用分组设置聚合) 显示了如何进行子聚合计算的示例,但我一直坚持如何让 ng-grid 像带有单独列的常规行一样显示输出。查看 ng-grid 代码看起来并不容易。有人有这方面的经验吗?
谢谢!

0 投票
1 回答
17565 浏览

javascript - ngGrid 多列过滤

我正在使用 AngularJS 的 ngGrid 模块来显示一些分页数据。我希望能够跨多个列进行搜索,但是使用 OR 搜索。

假设我有一列包含以下标题:ID、名称、描述。当我搜索时,我想返回 Id OR name OR description 包含搜索词的所有行。

我尝试使用默认搜索框,并使用绑定到 $scope.filterText 的外部输入框来定义自定义过滤器,例如:

但是,这似乎对所有列进行了 AND。使用 ngGrid 模块可以实现我想要的吗?

提前致谢,

克里斯

0 投票
5 回答
41574 浏览

angularjs - 从 ng-grid 获取选择行?

如何在我的ng-grid中创建(或访问)一组选定行?


文档(滚动到“网格选项”)

索引.html

main.js

Plnkr 用于代码(并运行它)

0 投票
3 回答
22561 浏览

angularjs - 如何从 ng-grid 获取单元格值

我是 AngularJS 的初学者。我研究了 ng-grid 的演示并有一个问题。

索引.html

应用程序.js

当我选择第一行时, selectedItems 的 div 将显示 [{"name":"Moroni","id":1}]。结果没问题。如果我只想从选定的行中获取单元格 [id] 的值,我该如何修改我的代码?

这是 Plunker

0 投票
1 回答
7066 浏览

data-binding - 使用 ng-grid 进行双向数据绑定?

如何使用 ng-grid 进行双向数据绑定?

我正在从他们的分页示例中工作,并且已经弄清楚工厂和广播是如何工作的;并因此成功地将我的数据的新版本加载到相关控制器中。

如何在myData变量上启用双向数据绑定?

我已经尝试了这两个不同的东西:

在对象上启用双向数据绑定的技巧是什么myData

0 投票
7 回答
52489 浏览

angularjs - 如何隐藏ng网格中的列

这是我的代码:

索引.html

应用程序.js

Q1:我想在 ng-grid 中隐藏 id 列。Q2:隐藏id列后,选择某行可以得到id值吗?如何修改代码?

听到的是 plunk:Plunk 演示

0 投票
0 回答
350 浏览

angularjs - 仅限 IE:10 次 $digest() 迭代达到 ng-grid

我在使用 ng-grid 的页面加载时收到此错误。有没有人从下面的错误中得到任何线索,为什么我会收到这个错误。

这些只是错误的前几行

0 投票
1 回答
5452 浏览

angularjs - 更新 ng-grid 单元格

我正在显示一个 ng-grid,我想根据更新更改特定单元格的内容。我不想使单元格可编辑。相反,当他们单击行时,我会弹出一个对话框。当他们提交数据时,我使用 ajax 更新数据库,但我不想刷新页面。我想更新单元格以说出“已更新”之类的内容。我没有在文档或示例中找到任何可以让我即时修改特定单元格的内容。有人想指出我正确的方向吗?

0 投票
6 回答
41600 浏览

ng-grid - 有没有办法在 ng-grid 中自动调整宽度?

我的列宽有问题。我事先不知道它们的宽度,也不想指定每列的宽度。是否有我可以使用的属性根据内容(包括列标题)自动调整所有列宽?