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

javascript - angularjs ng-grid 下拉菜单不适用于 order by

我有一个角网格(ng-grid),其中一个列有一个下拉列表,该下拉列表绑定到行中显示的对象的属性。

单元格模板.html:

这可以很好地绑定到我的对象,但是当我订购我的网格时,下拉菜单不会订购它们只是留在同一个地方,值不会改变。我将如何解决这个问题?

0 投票
3 回答
38132 浏览

angularjs - 当griddata的列数与先前显示的griddata不同时如何刷新ng-grid

我确实有一个应用程序,用户选择一个选项从服务器端获取网格数据并取决于用户选择的选项,网格数据中的列数可能会有所不同。我正在使用 Angularjs 和 ng-grid 来显示数据。第一次,它工作正常,它确实显示正确的列数(例如 2 列)。但是当用户选择获取 3 列网格数据的其他选项时,ng-grid 仍然会考虑旧列信息并尝试在旧 2 列中映射第二个 3-cols 网格数据。由于列信息不可用,我不能在控制器中使用 columnDefs。如何刷新 ng-grid 列。
注意:我试图将代码放在 jsFiddle ( http://jsfiddle.net/User888/pwUeX/11/ ),但不知何故,我无法运行它。我的完整代码在这里。

另外:如何在不从服务器发送的情况下在 ng-grid 中显示行号。

我的控制器是:

和 css 看起来像:

0 投票
1 回答
997 浏览

angularjs - ng-grid 在 IE8 中无法正确呈现

我有一个 ng-grid 视图,在 IE8 标准文档模式下无法正确显示 IE。问题是 Angular 动态创建的控制列宽的 CSS 样式似乎没有被渲染。

此处描述的解决方案不适用,因为我使用的是已修复报告的错误的较新版本的网格。

调试 javascript,ng-grid 脚本中出现以下错误:

有谁知道这个的解决方法?

使用版本:angularJS 1.0.7、ng-grid 2.0.6、JQuery 1.9.1。

0 投票
6 回答
19313 浏览

angularjs - ngGrid - 删除行

我一直在寻找有关如何实现按钮以删除选定行的示例,但到目前为止我找不到任何有用的东西。

谁能给我一个提示?这是plunker的例子。

我实现的功能很奇怪,因为它删除了其他行。

谢谢你。

0 投票
1 回答
3839 浏览

angularjs - 如何从外部排序功能更新我的 ng-grid

任何人都知道如何让 ng-grid 从外部排序功能更新?

我已将 userExternalSort 设置为 true。然后,我有这个代码(Coffeescript):

我的函数实际上确实排序。但是,ng-grid 从不更新。我试过 $scope.$apply() 无济于事——它已经在 $apply 中了。

谢谢。

0 投票
1 回答
6696 浏览

javascript - 使用外部数据更新 ng-grid

我有一个plunkr带有以下代码

HTML

JS

现在,当我单击 hi 按钮时,我希望能够通过调用 apply() 并设置 myData. 但是它不起作用..我做错了什么?

理由:基本上我有一个复杂的逻辑(比内置缓存功能更复杂)来检查 localStorage,然后在需要时通过 REST 调用检索新数据。除了需要组合结果的是三个 REST 调用。因此,对我来说似乎最简单的是能够在跳过许多圈之后检索正确的范围、分配数据和 apply()。

0 投票
2 回答
10577 浏览

javascript - 如何使用 AngularJS 更改和操作单元格 ng-grid 内的数据?

我正在使用来自 AngularJS 的 ng-grid:

我想更改单元格内的单元格文本。怎么做?我正在使用 cellTemplate:

但是,我的 GetCellTemplate方法无法读取当前单元格中的数据{{ row.getProperty(col.field) }} 。为了能够读取单元格数据/文本并在运行时更改它,该怎么做。

例如,如果我的单元格有“我的姓名图像”之类的文本,我希望能够将“图像”一词更改为真实图像并将其显示在我的 ng-grid 中。

我怎样才能做到这一点?

0 投票
3 回答
7117 浏览

javascript - 以编程方式将焦点放在 ng-grid 中的第一行

在我的项目中,我需要在网格加载后立即关注 ng-grid 的第一行,并且当我按下向下键时它应该移动到下一行。我添加了以下事件:

但是这个事件只是选择了第一行,它没有把焦点放在第一行。需要单击该行才能获得焦点。我们需要写什么额外的语句来获得焦点?

0 投票
3 回答
7744 浏览

javascript - AngularJS/ng-grid - 使用拼接更新数组不会更新 UI

我正在尝试使用 array更新ng-gridsplice。我在这里有一个笨蛋。

添加按钮添加新行。更新按钮更新数组中的最后一项。

  1. 选择一行并按更新按钮。没发生什么事。
  2. 按添加按钮。现在 UI 使用新元素和之前更新的元素进行更新。
  3. 同样的行为一次又一次地重复。

我试过了$scope.$apply。我得到:

“错误:$apply 已经在进行中”</p>

我什至尝试在通话中放置$scope.$apply块。setTimeout再次出现同样的错误!

任何指针!

谢谢!

0 投票
0 回答
978 浏览

ng-grid - AngularJS - ng-grid 分页功能

试图在angularjs ng网格中实现分页

获取网格值和值在 result.html 中的 ng-grid 中正确显示

控制器.js

搜索函数返回 2 个列表 - list1 和 list2

创建网格如下

现在需要为此网格实现分页。

根据参考站点,在函数“$scope.setPagingData(data,page,pageSize);”中,如何设置“data”的值?

尝试将数据值设为“$scope.result.list2”,但会引发错误。

有人能帮我吗?