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

javascript - angular-ui-grid with wrong cellClass

I’m having problems with ui-grid cellClass definition. When the grid is first shown, the definitions are right but, if the user scrolls vertically, the wrong class is defined. I’m following the Tutorial example. This is a simplified version of my gridOptions:

When the grid is shown, only cells with values above 200 have the red class. However, if the user scrolls, the cellClass function keeps getting called and the red class is randomly attributed, some cells with values bellow 200 have it, some with values above 200 doesn’ t. In the log, I only see values above 200.

I’ m using angular-ui-grid 3.0.0-rc.16

Update 1:

It seems to be a bug in ui-grid component. I was also able to reproduce in the tutorial example. If you go to http://ui-grid.info/docs/#/tutorial/111_cellClass only the Velity company, in the second column, should be blue. However, if you keep scrolling down and up quickly, eventually you will see other cells with blue text.

Update 2: I opened this issue. The problem also happens when you sort the grid.

0 投票
1 回答
5774 浏览

angularjs - Angular UI Grid根据内容调整行高

是否可以调整网格中的行高以显示整个内容?

0 投票
3 回答
7150 浏览

angularjs - AngularJS ui-grid 问题与 cellTemplate 中的指令有关

我撞到了挠头!这似乎是一个相当简单的问题......我正在使用 ui-grid 角度控件,并且我正在尝试在 cellTemplate 中使用自定义指令。我可以成功地将它放在那里,但问题是我无法正确绑定到指令。我可以绑定属性,但不能绑定父级的函数。当我尝试访问已绑定的父函数时,出现对​​象未定义错误。

据我所知,我正确设置了绑定和单元格模板:

当您单击其中一个彩色下拉菜单时,它应该会提示“成功” 请在此处查看简单的 plunker:

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

任何帮助,将不胜感激。谢谢!

0 投票
1 回答
2683 浏览

angularjs - 如何将 Angular ui-select 结果绑定到 ui-grid/ng-grid

我想将 ui-select 结果绑定到 ui-grid...

我的翡翠模板是这样的:

编辑

我解决了这个问题。(我的 ng-controller 只在网格周围,而不是在选择周围......)

0 投票
1 回答
860 浏览

javascript - 使用带有 AngularJS 可扩展 ui-grid 的 geojson 数据

我正在使用 Angular JS 的 ui-grid 来显示一些 json(特别是 geojson)信息。我正在使用可扩展的网格来列出额外的元数据。我正在使用的 json 设置如下:

我想在子网格中显示上面的属性对象。

ui-grid可扩展网格示例使用这个 json,它是一个密钥对对象数组,而我的只是一个带有子属性的 javascript 对象。作为一个新的 javascript 编码器,我不明白如何告诉 ui-grid 而只是查看我给它的定义的属性对象。

下面是相关代码:

0 投票
1 回答
18100 浏览

angularjs - Angular ui.grid 分页与分页

我是 ui.grid 的新手,并使用本教程获取包含大量数据的网格。我的版本是 3.0.0.RC16,我从bower install angular-ui-grid获得的 3.0.0.RC16

我想使用分页但得到错误。

有 2 个关于分页的教程,一个称为分页,另一个是分页

两者有什么区别?模块'ui.grid.paging' 不存在,而 'ui.grid.pagination' 存在。我错过了什么?

我想使用分页示例但总是出错 我需要一个特殊的不稳定版本吗?如何用凉亭安装它?

谢谢!

更新

同时我手动下载了ui-grid的unstable版本,确实,分页只存在于unstable中。我在网上找不到解释为什么会这样,所以我认为它还没有准备好生产。不过,我想了解分页的区别,以及是否有一个凉亭包来安装不稳定的版本。

更新 同时从不稳定版本中删除了分页。似乎该功能已完全合并到分页中。我不得不在控制器和视图中将“分页”更改为“分页”,并且一切似乎都有效(到目前为止)

https://github.com/angular-ui/ng-grid/pull/2399

我不是唯一一个困惑的人

0 投票
5 回答
31751 浏览

angularjs - Angular JS UI-Grid 删除行

我是新手ui-grid,我正在尝试在 AngularJS 中实现一个表,如下图所示。我正在尝试选择一行并使用该特定行上的删除按钮将其删除。ui-grid文档要求我们使用,gridApi但我找不到足够的文档。

在此处输入图像描述

0 投票
2 回答
2889 浏览

javascript - 将 angulajs UI-Select 绑定到 UI-Grid 过滤器

我正在尝试结合 AngularUI 的 ui-grid 和 ui-select,以便在过滤 ui-grid 时可以具有 ui-select 行为。

我有一个 plunker,它是这里的一部分:http ://plnkr.co/edit/1rREdYPV4qz8slbwSLai?p=preview

但是此时,我唯一能想到的就是用JS隐藏原生过滤器,并用JS将ui-select下拉列表的输出推送到幕后的过滤器中。不过,这感觉很hacky。

是否有一种 angularjs 方法可以将 ui-select 的输出绑定到过滤器?或者也许用 ui-select 行为替换过滤器?

0 投票
1 回答
380 浏览

angular-ui-grid - css文件中的角度ui网格错误

当我尝试实现角度 ui-grid 时,我遇到了这个错误。一些帮助我解决这个问题。

在此处输入图像描述

0 投票
4 回答
41961 浏览

css - 如何更改 ui-grid 行的高度?

我正在使用ui-grid。我有很多行,这就是我使用滚动的原因。一切正常,直到我尝试更改行的高度。然后滚动变得一团糟。我在这里添加了一个示例http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview 这是来自 ui-grid 网站的教程之一 - 我唯一改变的是 CSS。我已经添加了这些规则。

如果删除了上述 CSS 规则,滚动就可以正常工作。所以我要么需要添加更多的 CSS 规则,要么需要使用网格的一些 API 才能正确设置行高。任何帮助都感激不尽。

如何更改行高并保持滚动流畅?

更新:这是默认网格和修改 CSS 的比较: http ://plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview 尝试为每个网格上下滚动行。区别应该很明显。