angular-ui-grid相关内容

Angular ui-grid 外部导出按钮

我是 Angular UI-GRID 的新手,我需要为导出功能创建外部按钮,例如 PDF 导出 和 CSV 导出 类似的到这张图片.你知道我该怎么做吗? 我还需要一个打印按钮,但我没有在文档中看到它.这个网格有打印行为吗? 谢谢,埃内斯托 解决方案 查看 ui-grid.exporter 源代码(这将专门解决从 ~line 972 开始的 pdf 导出,但您可以将其应用于csv ..

使用 Angular ui-grid 时的列标题换行

我已将我的 AngularJS SPA 应用程序从 ng-grid v2.0.7 升级到 ui-grid v3,并且我的列标题不再环绕.我的列标题现在是单行的,并在列标题不适合时显示省略号 .... 此功能是否已被删除或已被其他方法取代? 解决方案 我相信我已经找到了一种通过覆盖 ui-grid-cell-contents CSS 类在标题列中包装文本的方法. .ui-grid-h ..
发布时间:2021-11-10 04:18:35 其他开发

angular ui-grid 事件:行被选中

我正在尝试根据 ui-grid 上的行选择启用/禁用按钮.如果未选择任何行,则该按钮处于禁用状态. 我发现这个 plunkr 使用旧的 ng-grid 方式在选择一行后触发事件. $scope.gridOptions = {数据:'我的数据',selectedItems: $scope.selections,enableRowSelection: 真,afterSelectionChan ..
发布时间:2021-11-10 04:18:29 前端开发

从 ui-grid 列标题中删除排序菜单

我创建了具有三列的 ui-grid,默认情况下,列标题有一个“v"形图标(在图像中以红色圆圈标记): 这里是代码和plunker: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']);app.contro ..
发布时间:2021-11-10 04:18:26 其他开发

添加行时如何为 Angular ui-grid 设置动画

我有一个 Angular UI 网格元素.我定期在数据数组的前面添加新项目.我一次只添加几个(比如 1 到 5 个新项目) 我希望 UI 网格为添加的新行设置动画.现在行会立即添加,这使它变得很紧张.我想为新行添加动画,以便 UI 网格看起来可以顺利添加它们. 这容易实现吗?有这个选项吗? 解决方案 这是一个有点棘手的问题,因为 UI-Grid 将数据虚拟化,所以没有实际的 D ..
发布时间:2021-11-10 04:18:12 其他开发

Angular.js ui-grid 自定义日期过滤器

我使用的是角度网格 ui-grid,位于 ui-grid.info. 我正在尝试制作一个自定义过滤器,它将使用日期输入控件按日期过滤网格,一个用于小于,一个用于大于. 我似乎能够在 columnDefs 中使用我想要的控件放置控件:{ field: 'mixedDate', cellFilter: 'date', filterHeaderTemplate: ' From ..
发布时间:2021-11-10 04:18:09 其他开发

UI Grid Angular,网格呈现但不显示数据

我在这里错过了什么?网格呈现没有错误,空白行......我检查过,到目前为止 JSON 很好 $scope.gridOptions.data = response['data']; 它似乎是它的呈现空数组,永远不会得到实际数据... app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {$scope.m ..
发布时间:2021-11-10 04:18:06 其他开发

Angular UI 网格滚动错误

我使用的是 ui grid 3.0.6.直到昨天它工作正常.但是现在谷歌浏览器有问题.(版本56.0.2924.87) 当我滚动网格或单击向下滚动箭头时,它开始滚动得非常快.无法控制速度.它运行良好,仅适用于 Chrome. 有人可以帮忙吗? 提前致谢. 解决方案 将此样式添加到我的 style.css 有帮助 .ui-grid-viewport {溢出锚:无;} ..
发布时间:2021-11-10 04:18:03 其他开发

Angular JS UI-Grid 删除行

我是 ui-grid 的新手,我正在尝试在 AngularJS 中实现一个表,如下图所示.我正在尝试选择一行并使用该特定行上的删除按钮将其删除.ui-grid 文档要求我们使用 gridApi,但我找不到足够的文档. 解决方案 请在此处查看有关如何删除行的工作示例.http://plnkr.co/edit/6TiFC6plEMJMD4U6QmyS?p=preview 关键是使用 in ..
发布时间:2021-11-10 04:17:58 其他开发

如何在服务器端分页中使用 Angular UI-Grid

我正在使用 AngularJs Ui-Grid.info 来显示动态数据网格,我喜欢它,但现在我必须钩住它使用服务器端过滤和分页最多包含 60,000 条记录的数据库表,并且该插件的分页选项似乎仅适用于客户端分页. 有没有人能够使用服务器端分页来实现这一点.你有代码示例吗. 查看代码 ..
发布时间:2021-11-10 04:17:52 其他开发

ag-grid vs slick-grid vs angular-grid 哪个更好?

最近我们想改变我们当前的网格工具.目前我们正在使用 kendo-ui 进行网格和所有.搜索后,我们得到了 3 个结果.但是,我们仍然不确定哪个更好以及为什么在未来运行. 在使用剑道时,我们错过了对它的控制.如果有人可以帮助我们使用 angularjs 选择正确的网格,那就太好了. 解决方案 披露:我是 ag-Grid 的创始人兼 CEO. 首先,对这个问题进行一些澄清,ag-G ..
发布时间:2021-11-10 04:17:49 其他开发

e2e 测试角度 UI 网格的规范方法

故事: 最近,我们的 UI 从自定义表格切换到 Angular UI 网格,因为它变得稳定且功能丰富. 主要的 Angular UI 网格页面声称具有“e2e 测试集成",但我们很难做到这一点. 据我们了解,他们在“e2e testing integration"下的意思是两个helper文件:gridTestUtils 和 gridObjectTestUtils. 这有很 ..