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

angularjs - 使用 Bootstrap 3 在 AngularJS 中表示网格或表格的最佳方式?

我正在使用 AngularJS 和 Bootstrap 3 创建一个应用程序。我想显示一个包含数千行的表格/网格。具有排序、搜索、分页等功能的 AngularJS 和 Bootstrap 的最佳可用控件是什么?

0 投票
4 回答
2415 浏览

angularjs - 调用单元格过滤器的 Ng-grid 导出

我正在使用 ng-grid 并且某些列应用了过滤器。但是,当我现在导出到 CSV 时,显示的值没有过滤器:json 中的记录可能像这样:

但在网格中显示为:

我希望当我得到一个提取时,它看起来好像应用了过滤器,但唯一的 csv 插件似乎没有调用单元过滤器,而是简单地以原始形式返回值。如何调用过滤器?

0 投票
3 回答
5723 浏览

angularjs - 如何在 ng-grid 中使用 ExternalSorting,在 sortInfo 上使用 $watch?

我的代码中的 ng-grid 有以下设置:

我也尝试使用sortInfo : undefinedand $watch(gridOptions.sortInfo)。这似乎仅在网格最初加载时才有效。之后,当我单击标题列时,它似乎没有进入$watch. 我尝试在触发排序的回调函数中放置一个调试器,我可以看到代码用正确的信息更新了 sortInfo 数组,但是它似乎没有进入 watch 语句的回调函数中。我的设置有什么不正确的地方吗?我在这里有一个 Plunker,它与我正在尝试做的事情类似。

0 投票
1 回答
480 浏览

angular-ui - angular ui.grid [[object HTMLDivElement]] 将显示而不是每个单元格中的数据

我正在使用 angular 1.3 和 angular ui bootstrap 和 ui-grid 3(因为 rtl 支持)。

这是plunkr

0 投票
1 回答
144 浏览

javascript - 缩小后在Angular ui.grid(ng-grid)中出现“错误:网格参数不是网格对象”错误

在 javascript 缩小之后,我Error: Grid argument is not a Grid object只在 prod 中工作(它在 dev 中工作)。

我深入研究了 ui.grid 的代码,我最初的想法是有一个错误,但由于似乎没有人抱怨我认为我做错了什么。

我认为它是由缩小引起的错误的原因:

此处发生错误,其中 dev 中的 n 是“网格”类型的函数,但在缩小其“h”类型后

t.type 使用 Function.prototype.toString 获取函数的类型。类型的名称在缩小过程中已更改,并且不等于上述条件要求的“网格”

我正在使用 Rails 4,最新版本的 angular 和 ui.grid。

虽然我认为这无关紧要,但这是我的代码:

看法:

控制:

这是一个错误,还是我做错了什么?

0 投票
2 回答
6224 浏览

angularjs - ngGrid 注入 ng-app 失败

以上是我收到的错误信息。我在 angularjs、jquery 之后加载了 ng-grid 脚本。我将它注入这样的应用程序:

我想知道我哪里做错了?

===更新

这是我的标题

他们都被发现了。Chrome Inspector 中没有返回 404 的错误

0 投票
1 回答
1488 浏览

angularjs - Angular.js:是否可以以编程方式显示 AngularStrap 模式?

我想触发 AngularStrap 模式:bs-alert当 a 在我的 ng-grid 中编辑表格行时。根据 HTTP 响应状态,我想显示不同类型的模式消息,例如成功和错误消息。

我的代码是在 ng-grid 中编辑条目后,会触发以下内容:

如何做到这一点?

0 投票
2 回答
21969 浏览

angularjs - AngularJS ui-grid 渲染超链接

我正在使用 Angular ui-grid 2.0.12,是否可以在给定单元格内添加超链接,或者任何类型的 html 代码?我一直在尝试遵循这个提示:在 ng-grid 的任何人中添加 html 链接,尽管它似乎不适用于 ui-grid,可能是因为 ng-grid 过去的行为不同,或者因为现在的语法不同。

0 投票
1 回答
1105 浏览

angularjs - 横向滚动的角度 ui-grid 表格

滚动 angular-ui 表格时,我注意到一个奇怪的行为,让我们以http://ui-grid.info/上显示的表格为例,这是普通表格: 普通表

这是用鼠标滚动时侧向滑动的同一张表(仅当鼠标能够横向滚动时才会发生):

表格横向滚动

禁用滚动条似乎不起作用。有没有办法避免这种行为?

0 投票
1 回答
6829 浏览

angularjs - Angular ui-grid 表格、客户端分页和滚动

我正在尝试将一个小项目从 jquery 移植到 angularjs。我正在使用 DataTables 绘制从我的虚拟机接收到的诊断数据,这是一个示例:

监控部分

DataTables 可以很容易地对数据进行分页,这样做的好处是在导航时不会捕获鼠标滚动,这是当您的页面包含大量表格时的最佳解决方案。我现在正在尝试使用来自 angular-ui 的 ui-grid 做同样的事情,但是 ng-grid 中存在的分页选项不再存在(或者至少我无法找到它们)。

有没有办法使用 ui-grid 进行客户端分页?当不需要滚动表格时,有没有办法避免陷入鼠标滚动?如果没有,我只需要切换回 ng-grid。