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

angularjs - angularjs ui-grid 3.0 按键导航

我热衷于从 ng-grid 2 迁移到新的 ui-grid 3.0 替代品。到目前为止,情况看起来不错。我不知道的一件事是如何使用向上和向下箭头键来导航记录。当 multiSelect 设置为 false 时,使用 ng-grid 开箱即用。

0 投票
4 回答
26430 浏览

angularjs - 单元格模板内的 ng-click 不会触发控制器中的功能

我在这里创建了一个 plunker:http://plnkr.co/edit/zGqouwzxguef13lx48iP?p= preview

当我在日视图中单击 ui-grid 的单元格时,什么也没有发生。我期望的是执行测试功能并显示带有文本“测试”的警报,但事实并非如此。

这里出了什么问题?

这是 ui-grid 3.0 最新版本的 html 单元格模板:

HTML

控制器:

0 投票
1 回答
1651 浏览

angular-ui-grid - Angular ui-grid - 如何判断我是否在最后一行

我正在使用最新版本的Angular UI Grid,并且正在努力确定焦点当前是否位于网格的最后显示行上。

数据数组未按屏幕上的方式排序,因此我无法使用该信息。我读到可见行缓存应该在屏幕上进行排序,但我认为这可能与旧的 ng-grid 有关。无论如何,如果我看gridApi.core.getVisibleRows(myGrid)它仍然可以根据原始数据进行排序。

我目前正在处理该事件gridApi.cellNav.on.navigate(newRowCol, oldRowCol)。我可以看到用户关注的列和行,但我看不到此事件(或其他地方)中的任何值,我可以使用这些值来确定该行是否是最后显示在屏幕上的。我会很感激任何提示!

0 投票
1 回答
1543 浏览

angularjs - Angularjs ui-grid exporterPdfCustomFormatter 函数失败

来自教程第 206 课的 angularjs ui-grid PDF 导出器的示例代码在官方页面上效果很好。当我复制代码并运行它......或在他们的 Plunker 中运行它......它会短暂打开一个用于 PDF 输出的选项卡,然后关闭该选项卡。

经过多次调试,我发现删除exporterPdfCustomFormatter设置可以解决问题。事实上,我可以将其设置为API 参考中的其他两个示例(简单文本或列定义),但将其设置为任何函数(例如页码所需)都会失败。这里的使用pageCount与官方 pdfmake 网站之间存在差异,但事实证明这无关紧要:任何功能都失败了。

我不明白为什么这在官方网站上有效,但似乎相同的代码对我或他们的 Plunker 不起作用。

0 投票
2 回答
8378 浏览

angularjs - 有没有办法动态设置Angularjs ui-grid的col宽度?

有没有办法以编程方式动态地更改 Angularjs 的 ui-grid 中的列宽?

我试过更改 $scope.gridOptions.columnDefs[i].width,但没有任何效果。

我问是因为我设置了 ui-grid-resize-columns 指令,允许用户调整最初设置为百分比宽度的列的大小。但是一旦用户进行了任何手动修改,列的大小都会变成静态的,不再随着整个表格的宽度而增长或缩小。

我想添加一个“自动调整”按钮,允许用户将列大小定义恢复为百分比(基于他们当前手动设置的比例),加起来为 100%。理想情况下,列将开始再次调整以适应表大小的变化。

我只能看到用户经常按 F5 来获得这种效果(我愿意!),在不知不觉中导致整个页面从头开始重新加载,不必要地消耗大量服务器资源。我想一个不愉快的选择是从一开始就让它们静止,消除这种诱惑!

0 投票
2 回答
1539 浏览

angularjs - UI-Grid 两个网格之间的同步滚动条

我正在使用 ui-grid (ui-grid.info) 和 angularjs (angularjs.org),我正在尝试同步两个网格的滚动条。如果用户在一个网格上移动滚动条,他的另一个网格应该自动移动。

谢谢。

0 投票
3 回答
5202 浏览

angularjs - UI 网格 - 格式化数据

我正在使用新的Angular UI Grid(计划替换 ng-grid)。我的数据需要一些格式才能显示在表格中。例如,我的服务器以数字形式返回一个名为“status”的属性,但我想将其显示为一个好听的名称。

如果 status=1 显示“Todo”,如果 status=2 显示“Doing”等。

这如何在 UI Grid 中完成?

0 投票
1 回答
3440 浏览

angular-ui-grid - ui-grid angularjs中的条件单元格模板类

如何在下面的 ui-grid cellTemplate 中显示数据时添加条件样式:我想修改格式以显示为链接或无链接。类似于ui-grid angularjs 中的条件单元格模板

预期的结果应该是名称是链接或基于参数链接的文本

提前致谢。

0 投票
1 回答
281 浏览

javascript - 如何用文本而不是每列过滤整个表格 ng-grid 3.0 (ui-grid)

我查看了文档,并没有看到在 ng-grid 3 中完成此任务的简单方法。在 ng-grid 2 中,您可以将文本字段绑定到

然后在 gridOptions...

我可以推出自己的过滤,但我希望有一种更简单的方法可以做到这一点,而我却错过了。

0 投票
3 回答
7984 浏览

javascript - 我可以在 ui-grid 中使用下拉菜单填充数据库中的数据吗?

当我尝试在 ui-grid 中使用下拉菜单从数据库传递给它的字段时,我在这里遇到了一些问题。在docs之后,在 gridOptions.columnDefs 中,我创建了一个 id 和一个值数组,例如:

但是,在我的情况下,“id”和“value”必须是数据库中的字段,如下所示:

它只是行不通。关于如何解决这个问题的任何想法?谢谢!!