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

javascript - ui-grid 分组:按聚合值排序

假设我有很多人:

每个人在这个数组中有几行显示他们在不同生活时刻的薪水。

我想group by name然后按该aggregate salary薪水排序。因此,如果我按总工资降序排序,我可以看到谁赚得更多。

这是我此刻得到的东西。这按每个组内的薪水排序,我想按全球薪水排序。

0 投票
1 回答
410 浏览

angularjs - 如何更改 ui-grid 中显示的内容?

我在我的 angulrjs 项目中使用 uigrid:

这是要显示的内容:

这是 UI-GRID 的定义:

这是模板:

这是工作plunker

我想更改IsMalui-grid 中字段的显示内容,其中字段显示“真”我需要显示“是”,如果是假我需要显示“否”。

任何想法如何更改 ui-grid 字段中显示的内容?

0 投票
1 回答
1157 浏览

angular-ui-grid - 如何在 UI Grid 中的特定单元格上设置焦点

我有一种情况,如果我编辑Cell1,UI Grid 将为 运行验证器Cell1,但我也想为 运行验证器Cell2。如果Cell2值不正确,那么我想将焦点Cell2放在uiGridValidateService.setValidator().

我可以使用以下语句运行验证器进行Cell2编辑Cell1,但无法突出显示Cell2

代码:

如何将焦点放在 UI Grid 中的特定单元格上?

0 投票
0 回答
161 浏览

angular-ui-grid - 在 Angular UI-Grid 中以编程方式打开和关闭 cellNav

我正在寻找一种在编辑模式下打开和关闭网格的单元格导航的方法。在我的示例http://plnkr.co/edit/GD1Blg8BTTmrLRR88UKe?p=previewHERE中,您可以看到我可以启用和禁用编辑。我是否也可以为单元格导航执行此操作?我需要同时使用它们。为了理解逻辑,只是用 2 个开关做了一个例子。之后,我正在考虑以编程方式执行这些开关。

0 投票
1 回答
776 浏览

javascript - ui-grid 忽略了我的自定义行模板

我的目标是有一个单元格/行鼠标悬停的侦听器

有什么想法为什么我的 ui-grid 实现会忽略我的rowTemplate并加载默认的?

让我知道我还需要提供什么以使你们更容易帮助我。

我有一个带有角度 js 的 MVC.net (C#) Web 应用程序,我正在通过BundleConfig

我的 ui-grid 选项

我的rowTemplate html:

默认的 rowTemplate html:

我累的事情:

  • Plunker:rowTemplate 在单独的 Plunker 上工作。
  • 停止/启动我的 iis 以防任何 chached 文件
  • 内联行模板
0 投票
2 回答
1569 浏览

ui-grid - Angularjs UI-Grid - 如何在不覆盖下一行的情况下扩展行

使用 ui-grid 在 3 个嵌套级别上取得了巨大成功。业务需要一个扩展的行来推动下一行,而不是覆盖在连续行的顶部。找不到如何在 ui-grid.js 文件中控制此溢出/z 层功能。关于如何让它工作的任何建议?谢谢!

0 投票
3 回答
1381 浏览

angularjs - UI Grid RowTemplate color based on cell value

I am using below rowTemplate. I want to apply the css class "ui-grid-invalid-upload-row" when the Valid ==true. Somehow, it is not working.

0 投票
1 回答
2651 浏览

css - 在 Angular UI Grid 中设置选定行的背景颜色

我在 Stackoverflow 和 github 上到处搜索,但找不到解决这个问题的方法,希望有人能告诉我正确的方向。

我正在为我的项目使用 Angular UI Grid,到目前为止一切顺利。我现在正在尝试通过用我自己的覆盖默认类来修改网格的 CSS 以使其看起来更好。我目前卡住的区域正在更改所选行的背景颜色。

目前,它是在选择一行时出现的默认淡蓝色,与我的应用程序中的其他颜色格格不入。我在 Chrome Inspector 工具中看到以下类应用于提供背景颜色的单元格。

但是当我尝试在我自己的 CSS 文件中覆盖这个类时,如下所示,

应用程序仍然采用默认库类及其颜色。

我在自己的 CSS 中覆盖了其他网格类,它们反映得很好。这可能是一个问题,因为当我选择行时会动态应用此类?

有没有一种方法可以应用我自己的 CSS 类?

感谢您的时间和精力。

0 投票
2 回答
2400 浏览

angularjs - 如何使用长度为 5 的数字文本框来编辑角网格中的单元格

我是 AngularJS 的新手

当我单击编辑按钮使单元格可编辑时,我有一个显示数据的网格。现在我只想允许十进制或数字,长度应该只有 5。请看图片。

这是我在控制器中的代码

在此处输入图像描述

0 投票
1 回答
756 浏览

javascript - AngularJs & ui-grid:网格忽略了 gridOptions

我在使用 ui-grid 来禁用 gridMenu 并重命名我的列时遇到问题。我制作了一个 plnkr,所以你可以看到:https ://plnkr.co/edit/EGhvBGOJCKPzfupjCROx?p=preview

正如您在 script.js 中看到的那样,我希望将我的列命名为“banana”、“chrom”和“position”:

数据看起来像这样:

这就是我如何称呼我的网格: