问题标签 [angular-ui-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 投票
0 回答
198 浏览

angularjs - 在 Angular ui-grid 中进行划分和部分

我已经使用 ui-grid 构建了一个表格。它有一个页眉和页脚。现在我想通过在中心添加一个部门将表格分成两部分。就像页脚一样,但在表格的中心。这可能吗。

谢谢

0 投票
2 回答
897 浏览

angularjs - 在模态中正确显示 ng-grid

我在玩这个 plnkr:http ://plnkr.co/edit/DRJtivCrxQy4s22ntsci

控制器是:

模态是通过工厂创建的:

如果单击“显示”,则会弹出一个模式窗口。我希望能够在其中显示任意数组。ng-grid 不能按我想要的方式工作。我们怎样才能做到这一点?

0 投票
4 回答
6495 浏览

angularjs - 角度 ui-grid/ng-grid 过滤器更改触发过于频繁

我正在尝试使用服务器端排序、服务器端分页和服务器端过滤来实现有角度的网格。使用 ui-grid(不稳定),我添加了 ui.grid.paging 并让一切正常运行。非常好,向开发者致敬。

但是.... $scope.gridApi.core.on.filterChanged 每按下一个键就会触发,所以当我在 givenname 列中搜索“Patrick”时,会触发七个事件,并且有七个 get-requests 到达我的服务器。更糟糕的是,由于我要过滤的集合很大,所以这个操作非常昂贵,结果甚至会相互超越,比如最具体的过滤器获得最快的结果,在处理不太具体的结果之前触发成功。

我想放慢速度,比如“进入停止后开火”。我对 javascript 和 REST 非常陌生,这是我的第一个真实世界项目。我真的很感激如何处理这个问题的任何想法。这感觉像是一个常见的场景,所以我可能缺少一些标准解决方案或最佳实践。

你的,帕特里克。

0 投票
1 回答
565 浏览

javascript - 如何对 UI-grid 中的列进行排序?

我有一个像这样进来的 JSON

这意味着当我将它贴在我的 ui-grid 上时,x列是第一列,y列是第二列。但是,我想要相反的结果:y然后x.

如何告诉 UI-gridy提前显示x

0 投票
2 回答
1042 浏览

angularjs - Ng-grid 可编辑网格不关注点击

我需要一个用户可以编辑的网格。我还需要能够向数据集添加额外的行,最好是从网格中添加。但首先我需要能够编辑数据。

我想我可以为此使用普通的 2 方式绑定。但是单击单元格不会使其可编辑。我添加了 enableCellEdit:true 并尝试添加 enableCellEditOnFocus。我宁愿让所有单元格都可以编辑,而不必使用模板。这些单元格包含一个数字和一个日期。

以下是我通过网格的网格选项。

我在视图中的网格:

在此处输入图像描述

0 投票
3 回答
17787 浏览

angularjs - 使用 AngularJS ui-grid $scope.saveRow 保存行数据

我正在开发一个小型前端应用程序,它将在 ui-grid 中显示各种产品运输数据。

我有以下代码:

HTML:

AngularJS:

我的问题是关于 $scope.saveRow 方法。我查看了此处的文档并尝试在 google 上搜索(对于 ui-grid 来说并不多),但我仍然遇到了死胡同,因为我对此有点缺乏经验,我不知道如何编码这与承诺正确。

在此之后将运行一个 MVC 应用程序,它将处理将数据推送到前端并将表编辑保存到 SQLServer 数据库。显然,我想做的是让这个 $scope.saveRow 函数正确地将 rowEnttiy 数据发送回我的 MVC 应用程序,但是,我再次不知道如何编写函数。显然,示例中包含的“虚假”承诺不足以让我了解我需要做什么。我最初尝试了以下方法:

但这只会在我的控制台中引发异常,即引发 saveRow 事件时未返回承诺。

0 投票
3 回答
4878 浏览

javascript - 在 Angular UI-Grid 中交换数据,在外部更改数据集时新列不可见

我有一个我一直在研究的查询工具,它有一个填充的角度表单,然后在提交时使用 AJAX 返回 JSON,然后将其呈现为ui-grid,该 JSON 响应看起来像

我正在研究 PHP 和 Angular,因此如果需要,我可以完全控制这个 JSON 响应。当呈现来自第一个 AJAX 调用的 JSON 响应时,我遇到了一个问题,然后我在同一页面上运行另一个单独的 AJAX 调用并获取一个新数据集:这个新数据集不会呈现任何列那些不在原始数据集中的。这是一个很大的问题,因为当所有列都不相同时,表格基本上被清除了,而且我经常需要在这个单页应用程序中将完全不同的数据加载到 ui-grid 中。

收到 JSON 后,我只需将ui-grid 绑定jsonResult.results到的旧$scope.myData变量绑定。

我做了一个 plunker来隔离这个问题。加载具有“朋克”列的数据集,然后单击“交换数据”将尝试加载具有“员工”列而不是“朋克”的数据集。到目前为止,我已经研究了在 $scope.myData 变量使用 $watch 更改时将刷新或重新加载的指令,并寻找类似 $scope.columnDefs 的东西来让 ui-grid 知道。Angular 和 javascript 相对较新,所以指令仍然有点超出我的想象。

0 投票
2 回答
5934 浏览

angular-ui-grid - Angular Ui网格禁用自动调整大小

我在角度 ui-grid 中使用自动调整大小,如 http://ui-grid.info/docs/#/tutorial/213_auto_resizing中所述

我想启用/禁用自动调整大小,但找不到任何配置选项。https://github.com/angular-ui/ng-grid/wiki/Configuration-Options

所以我想定义:

0 投票
1 回答
1913 浏览

angularjs - 如何将数据从数据库填充到 ui-grid 的子网格中

我正在尝试将数据库中的数据填充到 angularjs ui-grid 的子网格中,但它不起作用这是代码

`var User = $resource('/rest/daybook/sales_registertest/:id/?app_name=DAYBOOK_NEW&fields=*', {}, { update: { method: 'PUT' }, query: { method: 'GET', isArray : 错误的 } });

var User1 = $resource('/rest/daybook/salesdetailtest/:id/?app_name=DAYBOOK_NEW&fields=*', {}, { update: { method: 'PUT' }, query: { method: 'GET', isArray:错误的 } });

$scope.gridOptions.data=data.record; },函数(错误){

});`

我需要做的是,根据主网格中行的id从不同的表中获取子网格。我怎样才能做到这一点?

0 投票
1 回答
2027 浏览

angularjs - Angular ui-grid 无法设置列宽并且不显示水平滚动条

我是 AngularJS 和 ui-grid 的新手。

我想显示水平滚动条,但它不显示并且无法更改列宽。网格的宽度不会改变,所有的列都会缩小以适应网格。

第一个。我从Horizo​​ntal_scrolling教程复制粘贴到我的 Plunker。好的。有用。

它定义列宽,如下面的代码。

第二。我改变了一点。但它不起作用....第二个例子 Plunker

为什么第二个示例不改变列宽并且不显示水平滚动条?

1st2nd和有什么不一样?