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

css - EditableCellTemplate 用户界面网格

我想在 ui-grid 的一列中输入类型为 number 的 ng-input。理想情况下,它看起来像这样: 在此处输入图像描述

我通过使用常规来完成此操作cellTemplate,但据我所知,正确的方法是使用editableCellTemplate.UsingeditableCellTemplate我得到正确的行为,但我的单元格看起来只能在双击时编辑,结果如下所示: 在此处输入图像描述

单击的单元格看起来是可编辑的,其余的不是,这不是真正的用户友好。editableCellTemplate即使没有单击它们,如何使列中的所有单元格看起来都像定义的那样。

0 投票
1 回答
410 浏览

angularjs - 如何在加载ui网格后动态更改单元格的颜色

搜索了 Stack Overflow 和 Google 很多,但无法理解如何在网格加载值后更改 ui 网格中单元格的背景颜色。

例如,按下按钮后,我想更改单元格的背景颜色。

0 投票
1 回答
1473 浏览

angularjs - 如何在 ui-grid 单元格模板上应用我的自定义验证

有没有办法绑定自定义验证。我想在 ng-keydown 上绑定一个方法来检查输入是否符合我的规则集.. 怎么做。我尝试在 ng-change 上调用 $scope 函数,但没有成功。

我试过这个ng-change="grid.appScope.checkValidaton($event,MODEL_COL_FIE‌​LD,true,true)。范围函数被调用,但参数未定义。如何传递 $event 和 ng-model 。

这是我的专栏:

我的参考来自:http ://plnkr.co/edit/4Pvc4UYKSf71pIC2XrpY?p=preview

0 投票
2 回答
356 浏览

javascript - ui 网格标题菜单选项

我想从 ui-grid 隐藏标题菜单选项之一,我不想在 enableFiltering 中显示“隐藏列”选项

enableColumnMenus:false 正在从不符合我要求的标题中隐藏整个菜单,我可以通过不显示任何选项来使用 css 来实现这一点,但我想从 javascript 端做到这一点,有人可以帮我解决这个问题用户界面网格

0 投票
1 回答
631 浏览

angularjs - Angular ui-grid ,将自定义消息添加到 editableCellTemplate

当单元格处于可编辑模式时,我需要向单元格添加自定义错误消息,基本上我只需要向可编辑的 html 模板添加消息,如下所示

我刚刚将 customMsg 绑定到全局范围只是为了测试目的,但它似乎仍然没有出现。此处添加了示例plunker,如果您能在这里告诉我我在做什么错,那将是一个很大的帮助

谢谢

0 投票
1 回答
1128 浏览

javascript - 包含 Angular 过滤器的 uI 网格列的排序

我最近开始使用 Angular ui-grid。我不太熟悉图书馆的内部结构。

我有一ui-grid列需要显示百分比。所以我添加了以下过滤器app并将其与ui-grid cellFilter属性一起使用。

这工作正常,但是在对该列进行排序时。排序工作出乎意料。假设我有 3 行的值100,200,300。我希望它只能有两个排序状态100,200,300300,200,100. 但是,如果我继续单击此列的标题,我会得到第三种状态为200, 300, 100100, 300,200。我什至不确定这种状态的模式是什么。

如果我是对的,角度过滤器仅适用于views该领域的模型,并且不影响该领域的模型。所以我认为添加不会filter对排序产生影响。

除此之外,两个预期的排序(升序,降序)完美地出现,唯一的问题是第三个的出现。我该如何解决这个问题。

我错过了任何实现吗?请帮我解决这个问题。

编辑:字符串列也会出现此问题。据我了解,就排序而言,只能有一种 ASCENDING 和一种 DESCENDING 状态。但我得到了更多的安排。

0 投票
3 回答
3501 浏览

angularjs - ui-grid 不显示提供给它的完整行数

我已经使用 ui-grid 一段时间了。最近我遇到了一个网格问题,如果我传递了一组稍大的数据(比如 50 行),网格不会全部显示。

当我调试并查找我的 $scope.gridOption.data 对象时,它似乎包含所有元素,但仍然只显示少数(大约 10 个)元素。

当我尝试通过单击标题进行排序时,会出现更多行。(有时1或2个)

这是不规则的,也没有模式。它对于不同的数据集随机发生。

我正在使用ui-grid - v3.2.6,并且我有一个带有 a和其他内容div的网格表。我在具有类似实现的页面上有多个这样的网格,但这个问题目前似乎出现在某个网格上。max-heightscroll

我可以起草一个 plunker,但它并没有真正的帮助,因为这个问题是随机的,而且我有一个基本的 ui-grid 实现。

我关注了这个链接https://github.com/angular-ui/ui-grid/issues/424,但是我无法理解它,我仍然被卡住了。

似乎这是一个已知且未修复的错误。但是有什么可行的解决方案吗???

任何帮助表示赞赏..

0 投票
1 回答
1969 浏览

angularjs - Angular ui-grid editDropdownOptionsArray 取决于当前行

我想为我的 ui-grid 的每一行设置一个不同的下拉数组。因此我需要访问当前行。我有这样的想法,但我不知道如何访问 columnDefs 中的当前行。有没有简单的方法来实现这一目标?

0 投票
1 回答
439 浏览

angular-ui-grid - 覆盖升序降序函数 - ui-grid

我正在为我的报告视图使用网格视图。我需要覆盖函数Sort AscendingSort Descending事件。

在此处输入图像描述

这是我的gridOptions代码。

我只需单击一次就需要触发Ascending事件Descending。我该怎么做。谢谢

0 投票
1 回答
402 浏览

angularjs - 在角度 1.5 组件内的 ui-grid 中设置 editableCellCondition

我正在尝试根据数据中的标志设置可编辑/不可编辑的行。我可以在 angular 1.5 组件之外工作,但似乎无法访问组件中控制器内的 row.entity。

我很确定我有范围问题,但似乎无法弄清楚。如何访问 row.entity?我的控制器内部有一个隔离范围(因为它是组件的一部分)

戳这里:https ://plnkr.co/edit/Wz7gKs

谢谢