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

angular-ui - ng-grid 如何为最后一行设置单独的样式

我试图在 ng-grid 的最后一行显示一些聚合值(如总计)。最后一行的样式和 css 类需要与该列中的其他单元格不同。如何实现这一目标?

列定义中的 cellTemplate 适用于该列中的所有单元格,但在我的情况下,我需要为该列中的最后一行设置不同的样式。谁能给我建议一个解决方案。

谢谢苏迪普塔

0 投票
0 回答
581 浏览

angularjs - 动态设置组选项在 ng-grid 2.0.7 中不起作用

我正在创建一个简单的网格并从 json 中获取 columnDefs 和组的数据。

设置 columnDefs 工作正常,与

但设置

不起作用,它只是按原样显示网格,但没有发生预期的预分组。

有什么帮助吗?

0 投票
3 回答
10940 浏览

angularjs - 你如何更新 ng-grid gridOptions.sortInfo?

我正在尝试以编程方式更新 Angular 网格 ng-grid 上的 gridOptions.sortInfo,但我无法让它工作。

我有“姓名”和“年龄”列。我最初在“名称”列上设置排序,但想加载一些新数据,然后更新它以按“年龄”排序。(以编程方式,不仅仅是通过单击列标题)。

我可以将 $scope.gridOptions.sortInfo 设置为新值,但网格不反映这一点。更新 gridOptions.sortInfo 的正确方法是什么?

请看plunker:

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

编辑:请注意,我希望能够更新排序方向,即升序/降序以及要排序的实际列。

非常感谢

0 投票
1 回答
7808 浏览

angularjs - AngularJS(ng-grid)“editableCellTemplate”在失去焦点时仍处于编辑模式

在最新版本的 ng-grid(v2.0.7) 中,当 editableCellTemplate 处于编辑模式并失去焦点时,它仍然处于编辑模式。这是一个错误还是我错误地配置了网格?

这是一个示例:http ://plnkr.co/edit/OgEjk7wFaC982FrKbeHH?p=preview其中第 0 列包含可编辑的CellTemplate。

0 投票
1 回答
1968 浏览

angularjs - Angularjs ng-grid REST 调用

伙计们,

我正在尝试让我的 ng-grid 在编辑时进行休息。

我从这篇文章中得到了线索: AngularJS and ng-grid - auto save data to the server after a cell was changed

但是,我不断收到此错误,如果有人遇到过类似的情况,请建议:

我的 ng-grid 看起来像这样:在我的 html 文件中:

在我的控制器中:

0 投票
2 回答
2063 浏览

javascript - 处理列定义的 Ng-grid 问题

我有一个独特的场景,我不知道我的宽度,我需要先计算它。所以,在我运行列定义之前,我有

我对 ng-grid 很陌生,所以我不知道这样做的确切方法。我有 10 个对象,所以我也尝试过运行一个循环,columnDefs但也没有用。

Ps:这是在javascript中并且var arr to arr.push在for循环中。我真的只需要帮助找到正确的方法来解决这个问题,谢谢。

0 投票
1 回答
2359 浏览

angularjs - 如何从 ng-grid 按顺序获取当前数据

在我的网络应用程序中,我有 2 个 ng-grids。第二个绑定到第一个网格 selectedItems,它工作正常。问题是我想获取第二个网格中的元素列表(理想情况下,在数据中反映的第二个列表中应用的任何排序),以便我可以将更改提交到数据库。

所以问题是如何访问第二个网格上的数据,如果我尝试:

我找回了我用来设置网格选项的字符串,上面写着:

我想要的是用于第二个网格的实际数据模型。

这是我的两个网格选项定义:

我遇到的一些可能的想法

网格的 rendereredRows 属性是一个数组,其中包含与数据中我的原始元素相对应的实体对象,但根据数组的名称,如果元素不在屏幕上,它们将不会显示在此列表中。

我发现作为一种临时解决方法,我可以在我的辅助网格上调用 selectAll(true),然后使用 selectedItems 数组,然后调用 selectAll(false),但更直接的解决方案会很好。

0 投票
0 回答
934 浏览

angularjs - 将 ng-grid 数据复制为 TSV

我想将 ng-grid 中的文本复制为制表符分隔值 [TSV],但现在每行有 1 个项目。例如:

变成

而不是

如果这适用于 Ctrl-C 以及 Right-Click | 最好 复制。

任何执行此操作的 Angular 或 jQuery 插件或代码推荐/示例?

目前计划为右键单击覆盖 oncontextmenu,但除非有使用 ng-click 处理右键单击的方法,否则将无法访问 $scope。

0 投票
6 回答
50872 浏览

angularjs - 使用 WebAPI 对 ng-grid 进行服务器端分页+过滤+排序

我正在尝试创建一个使用 ng-grid 和 ASP.NET WebAPI 的简单工作示例。因此,我从 ng-grid 示例页面 ( http://angular-ui.github.io/ng-grid/ ) 中的服务器端分页示例开始;无论如何,我的网格总是显示空列,即使在调试时我可以确认数据已正确接收。可能我只是在网格设置中遗漏了一些东西,但我发现的所有样本看起来都与我的相似。有人可以帮忙吗?这是我所做的:

更新#1:建议的解决方案似乎有效,但仅适用于第一页。每当我移动到新页面或执行任何其他需要刷新的操作时,即使服务器按预期返回数据更改,显示的数据也会保持不变。此外,从我发现的所有代码示例中,似乎设置数据的正确方法只是替换数组成员值,而不是清空并再次填充它。我按照https://groups.google.com/forum/#!searchin/angular/nggrid/angular/vUIfHWt4s_4/oU_C9w8j-uMJ中的建议尝试了 apply ,但得到了相同的结果。


服务器端

只需创建一个新的 MVC4 应用程序,更新 NuGet 包并添加 angular 和 ng-grid 包。我的假数据模型由 Item 类表示:

我还添加了几个模型来处理分页、过滤和排序各种数据集(我发现更容易拥有一个通用的分页基础模型 -PagedFilter- 和一些派生模型):

这是项目过滤器:

然后我添加一个用于获取项目的 API 控制器:

客户端

在客户端,我的 Angular 应用程序只是在 ng-grid 示例上建模的单个控制器:因此我直接将属性添加到 $scope,即使在实际场景中我宁愿使用模型(可能从TypeScript 类)。HTML:

JS:

在我的代码中,调用了成功回调,我可以浏览data.items中所有返回的项目。然而,网格中没有显示任何内容。控制台中没有出现错误。

0 投票
0 回答
291 浏览

angularjs - 来自 Web 服务的 AngularJS 对象

我在客户端上定义了一个模型。

我正在使用 ngGrid 来显示数据。

我在控制器中所做的非常简单。调用服务并在 ng 网格中填充数据。

我所有的酒店都是同一类型。如果没问题,网格中的第一行。

10 - 最佳酒店

但其他行的描述为空

11 -

12 -

在查看我从服务中得到的东西时,我注意到我得到了一系列很好的酒店。Hotels[0].Type 是一个 $id = 2 的对象,具有所有属性(描述:“最佳酒店”等)。但是,hotels[1].Type 只有一个属性 $ref“2”。其他酒店的所有其他类型也是如此。我相信这就是 ng grid 仅在第一行显示描述的原因。

有谁知道如何解决这个问题?

我想在 ng 网格的所有行中看到描述..

谢谢你。