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

angularjs - 使用 CellTemplate 和 Directive 在 ng-grid 中的单元格中的 jQuery Sparkline

我正在尝试在 ng-grid 的一个单元格中的每一行中引入 jQuery Sparkline。该列包含数值数组数据。

Plunkr --> http://plnkr.co/edit/1eNEcx6FQWcJynlVYvFw?p=preview

我正在使用带有单元格模板的指令来实现这一点。

单元格模板:

指示:

我很难在链接函数中获取 attrs.ngAgeData 值。我不确定我错过了什么。请帮忙!!!

谢谢

0 投票
5 回答
188431 浏览

angularjs - 带有简单数组初始化的 ng-options

我对 Angular 和ng-options.

我有一个简单的数组,我想用它初始化一个选择。但是,我想要那个选项值 = 标签。

脚本.js

html

我得到什么:

我想要的是:

所以我尝试了:

(但它没有用。)

编辑:

我的表单是在外部提交的,这就是为什么我需要 'var1' 作为值而不是 0。

0 投票
6 回答
12929 浏览

angularjs - 检测 angular.js 和 ng-grid 中的单元格变化

我绞尽脑汁,但无法弄清楚如何检测 ng-grid 中的单元格数据变化。下面的代码片段使用了 ng-change,它正确调用了 save(),但它不是我想要的触发器,因为它会被任何键控条目调用。我需要知道单元格的编辑何时完成。

任何帮助,将不胜感激。

0 投票
4 回答
20298 浏览

angularjs - Angular UI ng-grid中的关闭滚动?

我们想使用 Angular UI ng-grid,但似乎找不到一个选项来告诉网格内的视口不要将溢出设置为自动而不滚动。

我们想做的是根据网格中行数的大小使表格/网格高度动态变化。我们有一个固定的最大行数,所以几乎不用担心 DOM 中有太多行。

关于去哪里的任何建议?

0 投票
5 回答
29508 浏览

angular-ui - Add html link in anyone of ng-grid

I want to add link to ng-grid. Here is my code for your reference

Right now data grid is working fine except href link in grid. Link is not rendered to html tag it is displayed as normal string. I want to add link to ng-grid from myData

0 投票
2 回答
29075 浏览

angularjs - Angular-ui 的工具提示在 ng-grid 中无法正确显示

我一直在寻找在 ng-grid 上显示工具提示但没有运气的解决方案。当我在 ng-grid 上使用 cellTemplate 来自定义单元格以包含工具提示时,我遇到了各种问题 - 工具提示要么没有显示,要么行为异常,如 plunker 所示:http: //plnkr.co/edit/MFhwgOvSUFKcyJPse5wf .

我错过了什么吗?有没有人可以在 ng-grid 中很好地显示工具提示的解决方案?

此致。

0 投票
1 回答
575 浏览

angularjs - angularjs中模型更改时网格未更新

伙计们,

我正在使用 ng-grid 显示项目列表。我想让我的用户能够重新排列列表中的行。即随意上下移动行。

现在,但是当我在后端更新网格数据时,即更改特定行的索引,该行不会自动更改前端的位置。

我在这里想念什么?

我创建了一个 plunker 来描述问题 http://plnkr.co/edit/s1hrTSqF2zeZo3Btaln0

0 投票
1 回答
3658 浏览

javascript - Angular ng-grid editableCellTemplate 抛出异常

我正在尝试editableCellTemplate在 ng-grid 中设置 ColumnDef 选项(在此处记录)。

当我设置它时,即使设置为默认值<input ng-class="'colt' + col.index" ng-input="COL_FIELD" />,单击单元格也会立即出现错误

错误:没有控制器:在 nodeLinkFn(http://foo.com:43037/Scripts/angular . js:4361:35 ) 在compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3969:15 ) 在compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3972: 13 ) 在 publicLinkFn ( http://foo.com:43037/Scripts/angular.js:3874:30 ) 在 Object. ( http://foo.com:43037/Scripts/ng-grid-2.0.7.js:2660:13 ) 在 Object.applyFunction [as fn] (:778:50) 在 Object.Scope.$digest ( http ://foo.com:43037/Scripts/angular.js:7896:27)在 Object.$delegate。原型.$digest (:844:31) <input ng-class="'colt' + col.index" ng-input="row.entity.Name">

如果我不设置editableCellTemplate,编辑单元格就可以了。

怎么了?

(我实际上要解决的问题是在单元格编辑结束时创建一个事件,但该解决方案假定您可以设置单元格模板)

0 投票
0 回答
406 浏览

angular-ui - 当我们在使用 showColumnMenu 时隐藏列时需要一个事件

我正在使用 showColumnMenu=true; 在我的网格选项中过滤网格中的列。当我取消选中一列(即隐藏一列参见图像)时,我希望触发一个事件,我通过 gridEvents 我发现了一个触发一次的事件 ngGridEventColumns。即,如果我取消选中它会触发的任何列,如果我再次检查或取消选中它不会触发的任何其他列。是否有任何事件或任何解决方法,以便每次在 columnMeny 过滤器中选中或取消选中列时触发事件在此处输入图像描述

0 投票
5 回答
27648 浏览

angularjs - 如何动态配置 ng-grid

我在 angularjs 应用程序中有一个视图,我希望在其中允许用户在各种不同配置的网格之间进行选择。理想情况下,我想将传递给 ng-grid 指令的值绑定到模型变量,如下图所示。但是,尽管此示例呈现的标记在将简单字符串值传递给 ng-grid 时有效(即<div class="gridStyle" ng-grid="gridOptions1"></div>,动态配置失败。

谁能告诉我是否有办法让 ng-grid 动态接受不同的配置,或者是否有解决此限制的方法?请注意,我需要重新配置网格的多个属性,而不仅仅是我认为有解决方法的columnDefs和属性。data

Plunker:http ://plnkr.co/edit/mdXrq6?p=preview