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

angularjs - 量角器:从标准 Angular GRID 获取数据,当向左或向右滚动时会重绘

我有标准的角度网格,它有大约 45 列以上。一次只有 10 个在 GRID 上可见。

要获取剩余 35 列的数据,您需要向右滚动,然后只有您可以获取相同的数据。

量角器中有没有一种方法可以通过自动滚动来提取数据。

0 投票
0 回答
50 浏览

javascript - 过滤记录时隐藏角网格

我正在使用angulargrid,我有产品数组$scope.products并从数据库中获取记录,一切都很完美,网格正在显示。

当我像从数据库中查询记录并将记录重新分配给$scope.products但网格消失一样应用过滤器时。所以我申请angularGridInstance.gallery.refresh()但它不起作用。

之后,我添加了 2 秒的超时时间,然后angularGridInstance.gallery.refresh()在这种情况下使用网格开始显示来刷新网格。

我不想每次过滤记录时都添加 2 秒延迟。请提出任何更好的解决方案。

这是我调用过滤器查询的下拉菜单

这是网格布局

这是控制器逻辑

谢谢。

0 投票
0 回答
134 浏览

javascript - 角度网格调整大小和过渡效果

我有一个带有 Angular Grid 的页面,并且我已经对其进行了设置,以便我能够单击一个按钮并将网格窗格的大小从默认的 70% 调整为 100%。我必须依赖调用网格 api 方法“handleWindowResize”方法,以便在拉伸发生后网格列得到正确调整大小/重新格式化。

但是,我想加入一个 CSS 过渡transition:width 2s,这样屏幕上就不会出现这样的问题。然而,handleWindowResize过渡前的运行能够完成,所以我最终得到了一个不完整的网格。在 css 转换完成后,我也无法调用,handleWindowResize因为那时转换只发生在网格的标题部分,然后重新调整大小再次出现,这一切看起来都很丑陋。

我需要的是在handleWindowResize整个过渡过程中调用 ,因为看起来网格随着过渡而延伸,但我无法想出 Javascript 来实现这一点。实际上,过渡和handleWindowResize需要同步运行,然后handleWindowResize将在完成时再次运行,因此它看起来像一个流畅的屏幕拉伸。

http://ui-grid.info/

目前的代码是:

0 投票
0 回答
23 浏览

angularjs - 使用一列过滤数据后,角度网格中的过滤器会显示不相关的过滤器 - Angular Grid

https://www.ag-grid.com/javascript-grid-filtering/#gsc.tab=0

我指的是这个链接,但没有得到任何正确实施过滤器的选项。

我提到了内置过滤器示例,但在 angular-grid.js @version v1.12.4 中,此功能无法正常工作。

我试图在示例中以相同的方式过滤我的网格:如果美国过滤器应用于国家/地区,那么在 Atlete 列中,我不应该选择其他国家/地区的玩家。

任何帮助将不胜感激。

0 投票
0 回答
110 浏览

angularjs - 用数据填充ui网格后立即展开行?

我想在填充数据后立即展开 ui 网格中的行。

这是用于填充数据的函数。

这是在填充数据以扩展行后立即根据某些条件调用的函数。

这就是该行不扩展的原因。我怎样才能做到这一点?

0 投票
0 回答
226 浏览

c# - 在 Angular 4 中显示来自 DataTable 的匿名数据

我有一个 asp.net 核心应用程序,它从 API 函数返回 ac# 数据表对象中的数据。返回的数据是匿名的,无法解析为强类型的 ViewModel 类。请指导我如何使用 Angular 4 在前端显示这些数据。

0 投票
2 回答
744 浏览

angularjs - AngularJS 1.4.4:ng-click 在网格中不起作用

我在 angularJS 1.4.4 中构建了一个简单的 Web UI。我陷入了 UI 网格中单击事件的基本问题。单击网格中的眼睛按钮和文件按钮时,不会调用控制器中定义的 successnotification() 函数。而对于刷新按钮,按钮单击工作正常。下面是我的 HTML 和控制器代码

这是我的 html 文件。

0 投票
1 回答
3641 浏览

javascript - 使用行和列值angularjs对齐gridster项目

我使用 angularjs、kendoui 图表和 angular gridster ( https://github.com/ManifestWebDesign/angular-gridster ) 创建了一个仪表板。

所以我有一个功能可以添加一个带有如下图表的网格: -

我可以将此对象保存到后端并获取值。我为每个图表设置 row 和 col 值如下,因为 sizeX 和 sizeY 值恒定为 3 和 2。

  1. 第一个图表行:0 和列:0
  2. 第二个图表行:0 和 col:3
  3. 第三个图表行:2 和列:0
  4. 第四个图表行:2 和列:3

我在以下页面上提到并搜索了解决方案:-

  1. 使用 angularjs 保存 gridster 布局

  2. https://github.com/ManifestWebDesign/angular-gridster

所以现在我的 HTML 如下所示,所以我设置了 row 和 col 值:-

我的 gridster 配置如下:-

当我从后端获取 gridster 项目时,它们是随机顺序的,并且 gridster 不会根据 row 和 col 值对齐它们。

0 投票
0 回答
410 浏览

angular - ngAfterContentChecked 和 ngAfterViewChecked 在第二个事件之后才显示正确的值

我有 angular 2 代码,它显示一个带有多个字段的网格,每个字段都有一个过滤器。我想显示运行过滤器时返回的项目数。我通过计算屏幕上当前的行数来做到这一点,并在它发生变化时使用 ngAfterViewChecked() 来获取该数字。我面临的问题,正确的数字仅在第二个事件发生后显示。例如,在下图中,过滤器返回了 1 个项目,但它显示“总共显示 13 个用户中的 11 个用户”。但是,如果我单击鼠标或按下将其更改为“总共显示 13 个用户”的键。我也尝试过使用 ngAfterContentChecked()

在此处输入图像描述

0 投票
1 回答
113 浏览

angular - 有没有办法以角度为页面创建分页?

我无法为卡片列表创建角度分页

我添加了一些卡片,但我不知道如何使用分页制作组件

啊啊啊