问题标签 [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.
angularjs - 量角器:从标准 Angular GRID 获取数据,当向左或向右滚动时会重绘
我有标准的角度网格,它有大约 45 列以上。一次只有 10 个在 GRID 上可见。
要获取剩余 35 列的数据,您需要向右滚动,然后只有您可以获取相同的数据。
量角器中有没有一种方法可以通过自动滚动来提取数据。
javascript - 过滤记录时隐藏角网格
我正在使用angulargrid,我有产品数组$scope.products
并从数据库中获取记录,一切都很完美,网格正在显示。
当我像从数据库中查询记录并将记录重新分配给$scope.products
但网格消失一样应用过滤器时。所以我申请angularGridInstance.gallery.refresh()
但它不起作用。
之后,我添加了 2 秒的超时时间,然后angularGridInstance.gallery.refresh()
在这种情况下使用网格开始显示来刷新网格。
我不想每次过滤记录时都添加 2 秒延迟。请提出任何更好的解决方案。
这是我调用过滤器查询的下拉菜单
这是网格布局
这是控制器逻辑
谢谢。
javascript - 角度网格调整大小和过渡效果
我有一个带有 Angular Grid 的页面,并且我已经对其进行了设置,以便我能够单击一个按钮并将网格窗格的大小从默认的 70% 调整为 100%。我必须依赖调用网格 api 方法“handleWindowResize”方法,以便在拉伸发生后网格列得到正确调整大小/重新格式化。
但是,我想加入一个 CSS 过渡transition:width 2s
,这样屏幕上就不会出现这样的问题。然而,handleWindowResize
过渡前的运行能够完成,所以我最终得到了一个不完整的网格。在 css 转换完成后,我也无法调用,handleWindowResize
因为那时转换只发生在网格的标题部分,然后重新调整大小再次出现,这一切看起来都很丑陋。
我需要的是在handleWindowResize
整个过渡过程中调用 ,因为看起来网格随着过渡而延伸,但我无法想出 Javascript 来实现这一点。实际上,过渡和handleWindowResize
需要同步运行,然后handleWindowResize
将在完成时再次运行,因此它看起来像一个流畅的屏幕拉伸。
目前的代码是:
angularjs - 使用一列过滤数据后,角度网格中的过滤器会显示不相关的过滤器 - Angular Grid
https://www.ag-grid.com/javascript-grid-filtering/#gsc.tab=0
我指的是这个链接,但没有得到任何正确实施过滤器的选项。
我提到了内置过滤器示例,但在 angular-grid.js @version v1.12.4 中,此功能无法正常工作。
我试图在示例中以相同的方式过滤我的网格:如果美国过滤器应用于国家/地区,那么在 Atlete 列中,我不应该选择其他国家/地区的玩家。
任何帮助将不胜感激。
angularjs - 用数据填充ui网格后立即展开行?
我想在填充数据后立即展开 ui 网格中的行。
这是用于填充数据的函数。
这是在填充数据以扩展行后立即根据某些条件调用的函数。
这就是该行不扩展的原因。我怎样才能做到这一点?
c# - 在 Angular 4 中显示来自 DataTable 的匿名数据
我有一个 asp.net 核心应用程序,它从 API 函数返回 ac# 数据表对象中的数据。返回的数据是匿名的,无法解析为强类型的 ViewModel 类。请指导我如何使用 Angular 4 在前端显示这些数据。
angularjs - AngularJS 1.4.4:ng-click 在网格中不起作用
我在 angularJS 1.4.4 中构建了一个简单的 Web UI。我陷入了 UI 网格中单击事件的基本问题。单击网格中的眼睛按钮和文件按钮时,不会调用控制器中定义的 successnotification() 函数。而对于刷新按钮,按钮单击工作正常。下面是我的 HTML 和控制器代码
这是我的 html 文件。
javascript - 使用行和列值angularjs对齐gridster项目
我使用 angularjs、kendoui 图表和 angular gridster ( https://github.com/ManifestWebDesign/angular-gridster ) 创建了一个仪表板。
所以我有一个功能可以添加一个带有如下图表的网格: -
我可以将此对象保存到后端并获取值。我为每个图表设置 row 和 col 值如下,因为 sizeX 和 sizeY 值恒定为 3 和 2。
- 第一个图表行:0 和列:0
- 第二个图表行:0 和 col:3
- 第三个图表行:2 和列:0
- 第四个图表行:2 和列:3
我在以下页面上提到并搜索了解决方案:-
所以现在我的 HTML 如下所示,所以我设置了 row 和 col 值:-
我的 gridster 配置如下:-
当我从后端获取 gridster 项目时,它们是随机顺序的,并且 gridster 不会根据 row 和 col 值对齐它们。