angular-ui-grid相关内容

是否可以使用 Angular UI Grid 将列的排序绑定到与其显示属性不同的属性?

我只是想知道是否有人知道使用 Angular UI Grid 以与另一列相同的顺序对列进行排序的方法. 解决方案 我猜你的意思是,如果(例如)你有分别显示名字和姓氏的“名字"和“姓氏"列,你想点击“姓氏"排序,这实际上是按照“名字"的顺序对表格进行排序? 如果是这样,您可以使用单元格模板来完成此操作. 假设您有下表: 当您对“姓氏"列进行排序时,它实际上会按照“名字"列中 ..
发布时间:2021-11-10 04:21:40 其他开发

根据条件设置单元格值

我有一个列绑定到一个名为 state 的 field,它的值是:S 或 L.我想将其映射到以下内容: S => Short,L => Long 绑定是这样定义的: $scope.gridOptions = {启用排序:真,启用过滤:真,启用水平滚动条:0,列定义:[{名称:'动作',字段:'状态',宽度:110,启用过滤:假}]}; 我已经在使用 cellclass 和 cellt ..
发布时间:2021-11-10 04:21:37 前端开发

检测到 UI Grid v3.1.0 列自动宽度问题

我发现了很多关于 UI Grid 自动宽度问题的问题.我成功地复制了其中之一,并想与您分享如何复制它的详细信息. 首先,我在一个隐藏的模态中使用了默认的 UI 网格(您可以在本文末尾找到代码片段). 重现步骤: 运行代码片段,按“Launch demo modal";(没有问题); 关闭模态; 调整浏览器窗口的大小.这里是.列宽被重置为错误值. var app ..
发布时间:2021-11-10 04:21:34 前端开发

复选框更改时的 UI-GRID 列总和

有谁知道为什么当我多次点击不同的单选值时,我的动态总值会发生剧烈变化?下面的代码应根据单选按钮自动选择复选框列.不知道为什么会有误算. switch($scope.ChangeAll.name) {案例“x":row.xBox = true;row.yBox = false;row.zBox = false;休息;案例'y':row.xBox = false;row.yBox = true;ro ..
发布时间:2021-11-10 04:21:28 其他开发

尽管分页,AngularJS ui-grid 仍会过滤出行

即使我们使用分页,是否有任何解决方案可以从 ui-grid 中获取所有过滤的行?我知道有一个方法 $scope.gridApi.core.getVisibleRows($scope.gridApi.grid); 返回页面上所有可见的行.但是当过滤的数据超过一页时,这种方法不起作用. 解决方案 我没有找到任何关于过滤数据的文档,所以我使用的方式是完全手动的. 让我们抓住我们拥有的活 ..
发布时间:2021-11-10 04:21:22 其他开发

ui-grid 使用外部分页和导出数据

我目前正在使用通过外部分页实现的 ui-grid 来显示我的数据.我遇到了一个问题,我只能导出当前查看的数据,但是我也需要能够导出所有数据. 有人知道使用外部分页导出所有数据的解决方法吗? 解决方案 我最终使用了 ui-grid 中包含的 csvExport 函数.我添加了一个“全部导出"自定义菜单项,效果很好!这是我的代码: gridMenuCustomItems: [{titl ..
发布时间:2021-11-10 04:21:19 其他开发

Angular ui.grid 无限滚动不会被第二次调用 onwords

我的无限滚动第二次无法正常工作.我的意思是它在滚动时第一次加载数据,加载后它还会将数据附加到我的数据集,但如果我滚动,它也不会调用我的加载方法. 附加 Plunker 此处.删除了带有 $timeout 的 $http 代码以在 plunker 上重现问题.$timeout 同样的问题仍然存在. var app = angular.module('plunker', ['ui.grid ..
发布时间:2021-11-10 04:21:16 其他开发

如何在 angular-ui-grid 上自定义导出网格菜单?

我有一个网格,它有一个外部“显示详细信息"选项,可以向网格添加更多列. 问题是“导出所有数据"与“导出可见数据"在这一点上变得具有欺骗性. 我知道可见数据就是加载的数据,但在这种情况下,所有数据都会一次性加载.因此,用户会认为“可见数据"就是他们所看到的,而“所有数据"也包括点击“显示详细信息"时添加的列,但不幸的是,事实并非如此. 是否可以自定义网格菜单?或者至少隐藏“导出可见 ..
发布时间:2021-11-10 04:21:13 前端开发

ngGrid 注入 ng-app 失败

未捕获的错误:[$injector:modulerr] 无法实例化模块 myApp,原因是:错误:[$injector:modulerr] 由于以下原因无法实例化模块 ngGrid:错误:[$injector:nomod] 模块“ngGrid"不可用!您拼错了模块名称或忘记加载它.如果注册模块,请确保将依赖项指定为第二个参数. 以上是我收到的错误信息.我已经在 angularjs、jquery ..
发布时间:2021-11-10 04:21:10 其他开发

如何将行选择设置为新添加的行?

我需要将选择设置为新添加的行.当输入$scope.gridApi.selection.selectRow(newObject)时,网格的行模型没有新行,因此无法选择它.方法 addRow 完成后,网格显示新行(和数据)但未进行选择. 我的测试代码: $scope.addRow = function() {$scope.gridOptions.data.unshift({//我的新数据对象} ..
发布时间:2021-11-10 04:21:08 其他开发

用户按下回车键时的角度 ui-grid 过滤器

我已经实现了一个带有服务器端过滤、排序和分页的 ui-grid. 我使用 gridApi.core.on.filterChanged 与 $timeout 一起检测过滤器更改以等待用户完成输入.使用 $timeout 也不错,但我只想在 enter 键上过滤网格,但 filterChanged 事件监视字段的值并我认为它无法访问 keypress 或 keydown 事件来检测 enter ..
发布时间:2021-11-10 04:21:05 其他开发

用户按下回车键时的角度 ui-grid 过滤器

我已经实现了一个带有服务器端过滤、排序和分页的 ui-grid. 我使用 gridApi.core.on.filterChanged 与 $timeout 一起检测过滤器更改以等待用户完成输入.使用 $timeout 也不错,但我只想在 enter 键上过滤网格,但 filterChanged 事件监视字段的值并我认为它无法访问 keypress 或 keydown 事件来检测 enter ..
发布时间:2021-11-10 04:21:01 其他开发

如何以编程方式更新 ui-grid 中的排序指示器?

我正在使用 ui-grid - v3.0.0-rc.22 - 2015-06-15. 它配置为使用外部排序,效果很好. 现在我需要使用选择框从外部更改已排序的列.在选择框的每次更改时,它都会触发外部排序,并且网格中的数据会正确更新.它还更新 gridOptions.columnDefs:它将除正确列之外的所有列的排序对象设置为 undefined 并更新已排序的列. 但是有一个问 ..
发布时间:2021-11-10 04:20:58 其他开发

通过 UI-Grid cellTemplate 渲染错误的指令

我遇到了一个奇怪的问题,因为我的指令似乎在过时的 row.entities 上执行,这意味着当您向下滚动或修改网格类型时,它不会获得新值.最初的 ~20 行呈现良好,但过了之后指令与行分离. 请在此处查看我的黑客攻击示例. 解决方案 看起来在您传递给指令的表达式的排序值期间发生了变化,但表达式本身保持不变. 您应该将范围 & 表达式绑定更改为 = 值绑定(并使用 scope.i ..
发布时间:2021-11-10 04:20:55 其他开发

uiGrid 切换行列

这是一个关于 ui 网格可能性的一般性问题.到目前为止,我在 ui grid 方面取得了巨大的成功.现在我有一个用例,我想切换网格的行和列. 基本上,我希望标题在第一列中“垂直"显示,并使行成为列. 这可以用 ui grid 实现吗? 解决方案 据我所知 UI-grid 不支持这个.我怀疑你是否能做到这一点.可以尝试动态构建 ColumnsDef 和 Data 并将其传递给 g ..
发布时间:2021-11-10 04:20:52 其他开发

AngularJS:ui 网格在单元格中显示多行

我试图在一个单元格中显示多个电话号码.我想在新行中显示每个数字.我尝试了多种方法,但我无法弄清楚.有人能帮忙吗 .下面是我的 plnkr 的链接. http://plnkr.co/edit/LXdiDqoOAYQoO5BW02WR?p=preview .filter('phoneListFilter', function () {返回函数(电话列表){var 电话阵列 = [];for ( ..
发布时间:2021-11-10 04:20:50 其他开发

UI-GRID 标头 - 更改颜色和文本

我想更改角度 ui-grid 标题的颜色和文本. 我希望标题的背景为黑色,文本为白色. 我不想要渐变或阴影.我只想要黑色. 我需要添加什么 CSS? 解决方案 这很简单.只需使用您的 css 为每列添加一个 headerCellClass. $scope.gridOptions = {启用排序:真,列定义:[{ field: 'name', headerCellCla ..
发布时间:2021-11-10 04:20:47 其他开发