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

angular-ui-grid - 隐藏水平滚动条(Angular ui-grid)

我试图隐藏 Angular ui-grid 的水平滚动条,但我找不到正确的属性。(属性enableScrollbars=false删除两者。)
是否可以只删除水平滚动条?

0 投票
2 回答
4311 浏览

gruntjs - 如何安装 ui-grid angular-ui

我正在尝试使用角度 ui-grid 3.0 http://ui-grid.info/docs/#/tutorial

问题是如何安装?如前所述, bower install ui-grid 不起作用。

我从https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release下载了特定文件

  • 如何以及在哪里添加这些文件的链接?
  • 我正在使用 grunt 和 yeoman。它应该在 Gruntfile.js 中吗?那怎么办?
0 投票
4 回答
13532 浏览

angularjs - 如何下载 Angular UI 网格?

我不敢相信我不得不问这个问题,但是如何下载 Angular UI Grid?

来自http://ui-grid.info/

在此处输入图像描述

之后,我点击下载按钮(上图),我会被带到这里:

在此处输入图像描述

怎么办?我没有看到下载按钮。我不知道该怎么办。有人请告诉我我必须如此明显地失踪。

0 投票
1 回答
2025 浏览

angularjs - 将动态数组绑定到列标题

如何将一组更改数据绑定到列标题?

我看过那个样本:http ://ui-grid.info/docs/#/tutorial/302_custom_header

但它只是显示静态数据。

我需要将列标题绑定到日期对象数组。

0 投票
4 回答
13361 浏览

angularjs - 分页和列大小调整在 ui-grid v3.0.0-rc.11 中不起作用

我似乎无法在新的 ngGrid (ui-Grid) rc build v3.0.0-rc.11 中进行任何分页或列大小调整。根据此示例,它应该非常简单:http: //ui-grid.info/docs/#/tutorial/401_AllFeatures

对于我的主 div,如果我这样做:

在我的控制器中这样做:

分页或列大小调整都不起作用。ui-grid 教程中没有分页示例,因此假设它类似于 ngGrid,但它的列大小调整是我目前真正需要的。

问候

一世

0 投票
4 回答
64840 浏览

javascript - 我在哪里可以获得 Angular ui-grid 选定项目

测试 Angular ui-grid (ng-grid v.3.0)。无法为我的生活找到选定的行。我只想在用户单击它时获取行甚至行 ID。在这里找到了最高评论,但我认为这已经过时了: 从 ng-grid 获取选择行?

有谁知道gridOptions.selectedItems3.0 存储在哪里?

0 投票
3 回答
19338 浏览

ng-grid - Ng-grid 与 ui-grid

我查看了 angular-ui 模块,因为我需要实现一个网格。

我看到有稳定版的 ng-grid 和不稳定版的 ui-grid。

我应该使用哪个版本?
它们是否非常不同或难以转换?

0 投票
1 回答
10177 浏览

angularjs - UI-GRID 的默认标题单元格模板是什么?

ng-grid 文档包含默认的标题单元格模板(以及其他默认模板)。

ui-grid 的默认标题单元格模板是什么?

0 投票
2 回答
43046 浏览

javascript - 来自文本输入字段的Angularjs ui-grid过滤器

也许有人可以帮我解决一个小问题。我是网络编程领域的新手,但我有编程经验。我想开发一个使用 angularjs 和 ui-grid 的小型网站。不幸的是,过滤不适用于外部输入字段。

有人可以告诉我我的编程错误在哪里吗?

代码可以在这里找到:http ://plnkr.co/edit/fiA666OzpBqpTrCiuXER?p=preview

这个想法是有一个包含搜索字段的导航栏。稍后我想根据更多列上的范围滑块进行过滤。但是,在我的示例中,甚至标准的字符串过滤都不起作用。

问题:

  1. 有人能告诉我我目前的问题在哪里吗?更具体地说:为什么来自外部输入字段的过滤不起作用?
  2. 另一个问题是如何将范围滑块的最小值和最大值绑定到例如我的示例中的年龄列?(与问题(1)中的绑定问题直接相关)

我四处寻找答案,但要么这直接是我无法掌握的绑定问题,仅仅是编程 js 问题,要么是 ngGrid 更新到 ui-grid 问题。

非常感谢提前

0 投票
4 回答
28179 浏览

javascript - 在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

我正在使用 ng-grid 的新 3.0 版本ui-grid在我的应用程序中制作网格。我想要做的是使我的表中的一个可编辑单元格成为一个ng-options下拉列表,其中填充了使用角度工厂检索到的数据。

我正在尝试通过使用ui-grid的editableCellTemplate功能来做到这一点。

这是一些示例代码:

HTML:

控制器:

temp.html:

这是一个带有代码的plunker。[注意:这只是示例代码。ng-options 的数组是从实际代码中的角度工厂中提取的,并且未在范围内声明。editDropdownOptionsArray 可能不起作用,因为数据是动态的。]

是否可以使用 ui-grid 执行此操作?我认为这可能是范围问题,因为如果我将 ng-option 代码放在我的 HTML 页面中,它会按预期工作,但我可以从 ui-grid 文档中收集到 temp.html 文件应该在范围内. 我知道这些东西仍然处于不稳定的版本中,但是对于此事的任何帮助将不胜感激!


**2015 年 3 月 31 日更新:**

如果您正在尝试此解决方案并且它不起作用,请注意。一月份,外部作用域的代码被重构getExternalScopes()grid.addScope.source. https://github.com/angular-ui/ng-grid/issues/1379

这是带有新代码的更新 plunkr:点击我!