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

angularjs - ui-grid 符号问题

我正在使用 AngularJs ui-grid http://ui-grid.info/

在实现时,我得到了一些你可以在单元格右上角的 img 中看到的东西,而不是下拉符号。

在此处输入图像描述

包含哪些文件来解决此错误?

0 投票
1 回答
1622 浏览

angularjs - UI-Grid 不会自动调整大小

我正在尝试使用 ui-grid 并且需要在某些 dom 操作上刷新我的网格。

使用 ng-grid 时,我可以这样做:

随着ui-grid,$gridServices显示未定义,有什么变化吗?

0 投票
2 回答
887 浏览

angularjs - 是否可以使用 Angular UI Grid 将列的排序绑定到与其显示属性不同的属性?

我只是想知道是否有人知道使用 Angular UI Grid 以与另一列相同的顺序对列进行排序的方法。

0 投票
2 回答
5588 浏览

angularjs - 根据ui-grid中的cellTemplate格式化csv导出

我在 ui-grid 表中有一个包含 JSON 对象的列。我在 cellTemplate 中解析并显示。“owner_details”列包含以下数据:

为此,我定义了列:

我创建了一个自定义模板来排列列 owner_details 的 Json 数据

但是当我导出这个表时,owner_details 表中的数据显然会中断,因为它不是字符串而是对象并且包含逗号。

所以我的问题是如何自定义这些数据,或者在 csv 导出之前进行预处理,以便我应该能够以与模板中几乎相同的格式导出。

这是我的plunkr。http://plnkr.co/edit/gAt1fp39dbgbbUCyBeJw?p=preview

如果您需要任何进一步的信息,请告诉我。

0 投票
2 回答
246 浏览

html - 如何将 2 ui-grid 与 ng-hide 和 ng-grid 一起使用?

我是 angularjs 的新手,我想创建一个页面,我想在其中添加 2 个 ui-grid 和一个名为“other-grid”的按钮,第一次它必须加载第一个网格,当我们再次单击时,第一个网格必须替换为第二个网格但是有一些问题我想使用 ng-show 和 ng-hide 它适用于第一个网格但不能正确加载第二个网格为什么如此和任何解决方案请..

0 投票
2 回答
1983 浏览

javascript - 如何防止在 UI-GRID 中单击自定义元素上的行选择

我在使用带有行选择和自定义单元格元素的 UI-GRId 时遇到问题:

示例 plunker 在这里:http ://plnkr.co/edit/Ed6s6CGFGXyUzj2cyx2g?p=preview

您可以看到,在行单击时,相应的行被选中,而如果您倾向于隐式选择下拉选项,行选择事件也会被触发,我希望在元素上单击像下拉菜单这样的行选择事件不应该被触发。

请指导。

0 投票
0 回答
487 浏览

angularjs - 禁用ui-grid angular中未选择的行

我正在使用UI-gridAngularJS

我有数组 - 当长度为 0 例如选择 4 rows 时,我打开一个弹出窗口。但我需要禁用其他行 - 未选择并阻止用户选择它们,直到长度> 0。

我怎样才能做到这一点?

0 投票
1 回答
2359 浏览

angularjs - UI Grid Angular JS中的行跨度

我试图将一行分成两部分,即。Angular JS UI 网格中的行跨度。我无法找到如何执行此操作。我需要 UI 网格行中的行使用不同的配色方案。任何人都可以帮我解决这个问题,并给我一些相关的小提琴或 plunker 以供参考。提前致谢。

在此处输入图像描述

0 投票
1 回答
16301 浏览

angularjs - 重新加载数据后如何刷新 UI-Grid 布局

我对 Angular UI-Grid ( http://ui-grid.info/ ) 有疑问。网格在用户单击按钮后出现的模态窗口中实现。服务以这种方式工作:用户选择要准备的数据集并单击按钮。点击按钮后网站发送请求休息服务接收数据。显示接收数据后的表格模式。列数取决于用户请求的数据。

问题是,在用户使用此表更改列宽并关闭模式后,UI-Grid 会“记住”用户留下的此列宽。如果那时用户将选择另一组数据,我正在清理 GridOptions 对象并在收到数据后再次填充它。问题是行宽保持在以前的状态。到目前为止我尝试过:

  • 使用 apiscore.refresh()方法 - 在调试时我可以看到这个方法会触发一些事件但对我的网格没有影响,
  • 删除整个 DOM 节点并在接收到新数据的响应之前再次附加它
  • 各种不同的黑客尝试使用网格 api 中的许多方法 - 根本没有成功。

很抱歉,我无法在任何小提琴中重现这一点,但恐怕很难与我的情况相匹配。

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

附言。它也适用于我的另一个表,用户可以在其中固定和隐藏列。接收到全新数据后,固定/隐藏的列保持隐藏/固定。这并不酷。

0 投票
2 回答
7541 浏览

angularjs - 如何在ui-grid中取消选择/取消选择行

我正在使用如下功能:gridApi.selection.clearSelectedRows();

但是如何取消选择以下函数事件中的行:

情况:我打开一个弹出窗口,当我关闭 modalService 时,我应该取消选择我点击的最后一行。

谢谢