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

javascript - 使用角度调试

$scope在 Angular 评估事件时,有没有办法打破并查看变量ng-change

我将以下内容作为与UI-grid一起使用的自定义 footerCellTemplate 的一部分:

<select class="form-control" ng-model="col.colDef.stat" ng-options="stat as stat for stat in col.getRenderContainer().grid.stats" ng-change="col.getRenderContainer().grid.update_stat()"></select>

ng-options该元素工作正常,我可以看到预期的选项,但ng-change即使update_stat()只有alert.

update_stat()如果我从控制台运行它,它工作正常。没有要报告的相关控制台错误。

如何$scope在执行时检查元素ng-change

Plunkr适合任何想深入挖掘的人。

0 投票
1 回答
576 浏览

javascript - 使用 Grunt 和 Node.js 构建 AngularJS UI-Grid 时遇到问题

我是 Node.js、Github、Grunt 和 ui-grid 项目中使用的其他工具的新手。我正在尝试按照https://github.com/angular-ui/ng-grid/blob/master/FIRST_TIMER.md上的说明开始。

它进展顺利,但是当我运行 grunt 任务时,出现错误:

我尝试执行下一个命令grunt install并收到以下错误:

我该如何解决这个问题?

0 投票
1 回答
2493 浏览

angularjs - 在 ui-grid / ng-grid 中创建“空”行

有没有办法有条件地将“空”行添加到 ui-grid 模型?我的项目的要求规定我们按日期显示项目(非常容易),但也显示没有项目的日子的空行,以便用户一眼就能看到这些差距(更困难)。

有点符合这个问题的要求,也许某种按日期分组并为没有关联项目的日期插入一个空组可能会起作用......?

我可以创建一个全新的集合模型,将日期和我的实际数据结合起来,并让 ui-grid 使用它,但这似乎非常不优雅,因为当对数据进行更改时,它可能需要大量手动重新加载所有内容。理想情况下,我只想将我的数据行集合提供给网格,但仍然让它显示一个额外的行,其中仅包含当前没有项目的日期的日期字段。

实际上,我现在使用表和 ng-repeat 在设置中进行了此工作,但是我希望切换到 ui-grid 或类似的工具以获得虚拟滚动等的好处,因为我有很多可编辑的(因此,完全-绑定)数据。

提前致谢...

0 投票
2 回答
2530 浏览

angular-ui-grid - Angular Ui-grid 无法更改列 displayName

我有 ui-grid。我的对象是可能包含框或样本的框。Box1 = { 'Name': 'box1', 'Children': [{'Name': 'box2'},{'Name': 'box3'}]} Box2 = { 'Name': 'box2', 'Children ': [], '样本 [{'Name': '1'}]}

一开始我展示的是 Box1。用户可以单击 Box1 或 Box2,然后它会打开一个链接,显示该框包含的内容。

nameLinkTemplate 是链接模板 ("getExternalScopes().followlink) $scope.gridOptions.columnDefs = ({field: 'Name', displayName: 'Name', cellTemplate: nameLinkTemplate});

如果框中包含示例,我将更改列以仅显示没有链接的名称。
$scope.gridOptions.columnDefs = ({field: 'Name', displayName: 'Name2', }); 结果我看不到链接(这就是我想要的),但是没有显示 Ui-Grig 列标题?为什么?

我还尝试通过以下方式重置 Ui-grid: $scope.gridOptions = []; 并再次定义网格。我仍然无法正确更改列 displayName。

0 投票
2 回答
3565 浏览

angular-ui-grid - 默认情况下如何隐藏列?

我只想在加载时显示某些列,同时在网格菜单中仍然可以显示其他列。

例如,我的数据包含:姓名、地址、电话、电子邮件。

我想在页面加载时显示姓名和地址,但要在网格菜单中显示电话和电子邮件。这是为了适应具有 15 列但仅显示 5 列的网格,并允许用户选择要显示的其他列(如果有的话)。如果用户希望默认显示 7 列,我可以保存当前显示的列并创建一个新配置来为该特定用户加载。

0 投票
1 回答
1573 浏览

angular-ui-grid - 如何为导出的 pdf 设置标题?

我想为 PDF 上的导出数据设置某种标题。

我浏览了http://ui-grid.info/docs/#/api/ui.grid.exporter但似乎没有设置。

现在,当您将数据导出为 pdf 时,您会看到一个带有一些红色列标题的网格,但没有任何内容表明报告应该是什么。

0 投票
1 回答
904 浏览

angular-ui-grid - Angular Ui-Grid enableHiding 不起作用

我无法禁用列隐藏 var gridOptions = { enableHiding: false,

这应该是简单的事情。但为什么我不能让它工作? http://ui-grid.info/docs/#/tutorial/303_customizing_column_menu

0 投票
4 回答
34625 浏览

angular-ui-grid - 更改角度 ui-grid 的列可见性

我想在渲染网格后显示/隐藏列。在我搬到新的 ui-grid 之前,我打电话给toggleVisible()但现在它似乎不起作用。我试图改变列定义可见性(或任何其他属性),如下所示

当我在列定义上设置可见性时(渲染之前)它确实有效,但在病房之后我无法更改它。

0 投票
1 回答
1113 浏览

html - 外部 ui-grid-menu-button

我想ui-grid-menu-buttonui-grid-menu. 所以我的选择列按钮将在另一个地方。我试图在 toggleMenu 功能上放置一个手表,然后单击我的按钮,它应该会触发并打开列表。我也尝试使用广播选项,但它不起作用。

最好的方法是什么?

0 投票
2 回答
1475 浏览

angularjs - 更改 ui-grid 角度中的显示/隐藏按钮位置

有没有一种快速的方法可以将显示/隐藏列按钮移动到另一个位置而不为此操作实现新功能?

我尝试使用广播/观看,但这不起作用。