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

angularjs - 使用范围滑块过滤 ui-grid[ng-grid 3.0/或更早版本]

我想用范围滑块过滤标准的 ui-grid [ng-Grid 3.0]。在教程部分中,我找到了从到间隔文本输入过滤器,但我无法将它绑定到来自范围滑块的 angularjs 值。有任何想法吗?

或者,我会(再次)将我的代码恢复为 ng-Grid < 3.0。任何想法如何在这里做到这一点(我已经到了可以根据 filteroptions.filtertext 一次过滤多个列的地步。

0 投票
1 回答
4361 浏览

javascript - 如何访问 Angular UI Grid 中的排序行?

我正在使用Angular UI Grid来显示一些数据。启用和初始化排序以及选择单行:

我可以选择一行,并且这些行按配置的“名称”列按升序排序。

UI Grid Tutorial 210中所示,我添加了在我的数据加载并添加到网格后自动选择第一项的逻辑:

但是此代码正在选择未排序数据的第一项。我的网格中大约有 500 个项目,数量不多且性能良好,但在这种情况下,所选项目位于直线下方且不可见。

是否有任何选项可以直接访问 UI Grid 的行或排序数据?

我知道外部排序可以解决这个问题,因为那时我会将已经排序的数据分配给网格。但这在我看来是不必要的开销......

0 投票
1 回答
2880 浏览

angularjs - 使用 UI Grid 3.0 过滤布尔值

我想用 ui-grid 3.0 过滤布尔值。我没有在教程中找到如何使用文本字段以外的其他字段过滤值。复选框或标准 HTML 选择对于布尔值更方便,有没有办法实现这一点?

0 投票
5 回答
55552 浏览

javascript - 如何在angular-ui-grid中的特定值上为行着色?

我正在尝试根据新的 angular-ui-grid 3.0 rc12 中的值对一行进行着色,但我无法做到。以下代码用于在以前的版本(ngGrid)中工作:

和相应的CSS:

这里的问题是表达式:

不再像在 ngGrid 中那样工作了。关于如何在 angular-ui-grid ( ui-grid.info )中实现相同的任何猜测

非常感谢!

0 投票
2 回答
9912 浏览

angularjs - 在 AngularJS ui.grid 中为单元格上的 ui.grid.edit 添加和显示验证

我有一个使用 ui.grid 的 AngularJS 应用程序。我想在编辑单元格时启用并显示验证错误。我相信这可以通过“editableCellTemplate”来实现。

这是我$scope.gridOptions.columnDefs的可编辑单元格中的内容:

因此,正如上面可能显而易见的那样,我不确定如何将跨度链接ng-show到我的单元格的编辑输入。使用 Inspect Element 我可以看到ng-invalid-minlength该类被添加到 中input,并且单元格确实变成了红色。所以验证正在触发;我看不到显示的跨度。我该如何展示它?

0 投票
0 回答
368 浏览

angularjs-directive - 如何在angularJs的“ui-grid”列标题中使用ng-click指令

我正在使用 ui-grid 指令来显示结果,在列标题中我正在使用 headerCellTemplate 来应用 ng-click 指令,我正在调用简单的 sort_sq() ,它应该调用一个警报框。

但是警报框没有调用。

这意味着 ng-click 不起作用。

任何人都可以建议如何使它工作。

0 投票
1 回答
2333 浏览

ng-grid - ui-grid 中的单元格可以使用自定义模板呈现吗?

免责声明:我是 UI-Grid 的新手

根据 ui-grid 文档,可以通过提供 class 来设置单元格的样式。

但是是否可以为给定的单元格选择模板?我想做的不仅仅是课堂风格。

0 投票
1 回答
3678 浏览

jquery - 选定的角度 ui-grid 单元格的 div id

我正在尝试 angular ui-grid ( http://ui-grid.info ),但我不知道如何为选定的单元格指定 div ID?当我点击一个单元格时,它会突出显示,但我希望点击一些 jquery 事件(弹出...信息...文本...等)

这是原细胞选择:

我想知道是否有可能得到类似的东西:

代码:

我的网格的示例图像: 在此处输入图像描述

0 投票
2 回答
7314 浏览

ng-grid - 单击时的 ng-grid/ui-grid 单元格模板会导致选择行。

当我将 celltemplate 用于 ahref 链接时,一旦单击该链接,该行就会突出显示,因为我启用了 RowSelection……但我不希望该行在单击链接时突出​​显示……仅当在除链接之外的任何位置单击该行时。

同样在下面的示例图片中,如何删除小箭头以便该列不能显示菜单项?

代码:

图片: 在此处输入图像描述

0 投票
2 回答
5869 浏览

javascript - ui-grid 中的 EditableCellTemplate 卡在编辑模式 [ng-grid 3.X]

这是这个问题的轻微延续。

我正在使用 ng-grids 新版本ui-grid,并且遇到了可编辑单元模板的问题。我正在使用模板显示使用 ng-options 进行编辑的动态下拉列表。这很好用,但是单元格似乎卡在了编辑模式中。我之前在与旧版本的 ng-grid 相关的堆栈溢出中看到过这个问题。(喜欢这篇文章)

这些解决方案通常最终会指出他们忘记ng-input="COL_FIELD"在他们的选择中使用。

我已经尝试过这样的方法,但它似乎不适用于 ui-grid。也许是因为我正在使用 ng-options 而其他示例没有?这是网格中的下拉列表。请注意,如果您失去焦点,单元格仍处于编辑模式。

有没有人遇到过 ui-grid 的这个问题并克服了它?如果是这样,任何帮助将不胜感激。