问题标签 [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.
angularjs - 如何在加载ui网格后动态更改单元格的颜色
搜索了 Stack Overflow 和 Google 很多,但无法理解如何在网格加载值后更改 ui 网格中单元格的背景颜色。
例如,按下按钮后,我想更改单元格的背景颜色。
angularjs - 如何在 ui-grid 单元格模板上应用我的自定义验证
有没有办法绑定自定义验证。我想在 ng-keydown 上绑定一个方法来检查输入是否符合我的规则集.. 怎么做。我尝试在 ng-change 上调用 $scope 函数,但没有成功。
我试过这个ng-change="grid.appScope.checkValidaton($event,MODEL_COL_FIELD,true,true)
。范围函数被调用,但参数未定义。如何传递 $event 和 ng-model 。
这是我的专栏:
angularjs - Angular ui-grid ,将自定义消息添加到 editableCellTemplate
当单元格处于可编辑模式时,我需要向单元格添加自定义错误消息,基本上我只需要向可编辑的 html 模板添加消息,如下所示
我刚刚将 customMsg 绑定到全局范围只是为了测试目的,但它似乎仍然没有出现。此处添加了示例plunker,如果您能在这里告诉我我在做什么错,那将是一个很大的帮助
谢谢
javascript - 包含 Angular 过滤器的 uI 网格列的排序
我最近开始使用 Angular ui-grid。我不太熟悉图书馆的内部结构。
我有一ui-grid
列需要显示百分比。所以我添加了以下过滤器app
并将其与ui-grid
cellFilter
属性一起使用。
这工作正常,但是在对该列进行排序时。排序工作出乎意料。假设我有 3 行的值100,200,300
。我希望它只能有两个排序状态100,200,300
和300,200,100
. 但是,如果我继续单击此列的标题,我会得到第三种状态为200, 300, 100
或100, 300,200
。我什至不确定这种状态的模式是什么。
如果我是对的,角度过滤器仅适用于views
该领域的模型,并且不影响该领域的模型。所以我认为添加不会filter
对排序产生影响。
除此之外,两个预期的排序(升序,降序)完美地出现,唯一的问题是第三个的出现。我该如何解决这个问题。
我错过了任何实现吗?请帮我解决这个问题。
编辑:字符串列也会出现此问题。据我了解,就排序而言,只能有一种 ASCENDING 和一种 DESCENDING 状态。但我得到了更多的安排。
angularjs - ui-grid 不显示提供给它的完整行数
我已经使用 ui-grid 一段时间了。最近我遇到了一个网格问题,如果我传递了一组稍大的数据(比如 50 行),网格不会全部显示。
当我调试并查找我的 $scope.gridOption.data 对象时,它似乎包含所有元素,但仍然只显示少数(大约 10 个)元素。
当我尝试通过单击标题进行排序时,会出现更多行。(有时1或2个)
这是不规则的,也没有模式。它对于不同的数据集随机发生。
我正在使用ui-grid - v3.2.6
,并且我有一个带有 a和其他内容div
的网格表。我在具有类似实现的页面上有多个这样的网格,但这个问题目前似乎出现在某个网格上。max-height
scroll
我可以起草一个 plunker,但它并没有真正的帮助,因为这个问题是随机的,而且我有一个基本的 ui-grid 实现。
我关注了这个链接https://github.com/angular-ui/ui-grid/issues/424
,但是我无法理解它,我仍然被卡住了。
似乎这是一个已知且未修复的错误。但是有什么可行的解决方案吗???
任何帮助表示赞赏..
angularjs - Angular ui-grid editDropdownOptionsArray 取决于当前行
我想为我的 ui-grid 的每一行设置一个不同的下拉数组。因此我需要访问当前行。我有这样的想法,但我不知道如何访问 columnDefs 中的当前行。有没有简单的方法来实现这一目标?
angularjs - 在角度 1.5 组件内的 ui-grid 中设置 editableCellCondition
我正在尝试根据数据中的标志设置可编辑/不可编辑的行。我可以在 angular 1.5 组件之外工作,但似乎无法访问组件中控制器内的 row.entity。
我很确定我有范围问题,但似乎无法弄清楚。如何访问 row.entity?我的控制器内部有一个隔离范围(因为它是组件的一部分)
戳这里:https ://plnkr.co/edit/Wz7gKs
谢谢