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

ng-grid - agggrid 动态更改行高和标题高度

我有一个关于 angulargrid 的具体问题。我正在尝试实现一项功能,该功能将根据行数动态更改网格大小。angulargrid 目前不支持此功能。因此,我研究了与 ag-grid 具有相似功能的 ng-grid。我的问题是是否可以以相同的方式在 ag-grid 中的 ng-grid 中实现该 gridHeight 功能。像这样的东西:

0 投票
3 回答
4687 浏览

angularjs - Angulargrid中的自定义排序 - 排序不区分大小写

我正在使用 ag-grid 生成一些表格。到目前为止,一切都很好。但是我在排序时遇到了一些困难,因为我的表中有一些小写的数据,我希望我的排序函数忽略大小写并对它们进行排序只是区分大小写。

可以完成这项工作的两个功能是 cellRenderer 和排序功能。

细胞渲染器功能:

排序功能:

这是提供的两个示例。如何连接这两个函数来生成我的表格不区分大小写的排序?

0 投票
3 回答
6836 浏览

angularjs - 使用异步数据加载在角度网格(ag-grid)中创建树

我正在尝试使用 angular-grid (ag-grid) 来显示类似于文档中提供的示例中的树:

http://www.angulargrid.com/example-file-browser/index.php

在给定的示例中,已经提供了所有数据。展开行组时如何使用异步数据加载?我的猜测是我需要编写自己的组行渲染器。

0 投票
1 回答
2138 浏览

angularjs - 如何让 angular-grid 监听行取消选择事件

我很好奇是否有办法让 Angular Grid 监听“取消选择”事件,类似于它的“rowSelected”事件。

我有一个表格,其中一列是一个复选框。我希望该表发送一个 POST 指示是否已选择或取消选择复选框(服务器将想知道它是哪一个)。

当复选框被选中时,我能够让表格发送消息:

但是,我不确定如何在取消选择的行上执行相同的操作。

谢谢!

0 投票
0 回答
99 浏览

javascript - Ecmascript 6和角度,角度网格自动完成onSelect不起作用

onselect 功能不起作用。找不到原因?谁能帮助我??

0 投票
0 回答
394 浏览

jquery - 用于更改背景颜色的 JQuery 动态选择器不起作用

我有一个divAngularGrid,我想改变它的背景颜色,它应该在其cellRendered属性的回调函数的单击事件上改变:

该代码不适用于动态 rowIndex,但如果我在此回调事件上硬编码这样的索引,它可以正常工作:

你能告诉我如何动态更改此函数调用的每一行的css样式吗?谢谢。

0 投票
0 回答
602 浏览

css - 角网格中的可变宽度列

我正在使用AngularGrid来显示具有多个固定宽度列的网格。网格本身应该占据整个页面,除了页面的左列。那部分工作,使用 css calc

现在,我希望其中一个网格列填充网格内剩余的可用宽度。是否可以使用 ag-grid 内置插件来做到这一点?

HTML:

脚本:

0 投票
1 回答
2523 浏览

angularjs - 模块“angularGrid”不可用!带有 ag-grid 和 HotTowel

我对 AngularJS 和 HotTowel 工具链有些陌生。ag-grid的凉亭安装在 index.html 文件中放置了适当的(.css 和 .js)链接。已尝试针对不同的模块(例如应用程序、核心等)依赖于“angularGrid”,但没有成功。代码摘录如下。

在运行时,这会导致一串错误:

[$injector:modulerr] 无法实例化模块应用程序,原因是:

错误:[$injector:modulerr] 无法实例化模块 app.core,原因如下:

错误:[$injector:modulerr] 无法实例化模块 angularGrid,原因是:

错误:[$injector:nomod]模块“angularGrid”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

ETC。 。.

我可以看到 ag-grid 脚本和样式表文件确实在运行时包含在浏览器工具调试器中;但错误是(我认为)告诉我在尝试加载 app.core 时找不到网格模块 - 我目前已经在其中声明了依赖项。

有趣的是,如果我从 bower.json 中删除 ag-grid 依赖项(手动链接 index.html 中的关联 .css 链接)并将 ag-grid 的“angular-grid.js”文件复制到客户端应用程序结构(例如,在核心文件夹下)。但是,这种方法引发了其他问题和担忧。

此外,在我的机器上的简单 AngularJS 项目(在 HotTowel 环境之外)中,ag-grid 确实“像宣传的那样”(即,从其凉亭目录)工作。

是否有一个使用 ag-grid 的简单 HotTowel 项目?或者您能否就如何正确解决这种情况提供建议?


HotTowel 项目的节选。. .

来自 core.module.js:

来自 index.html:


在后台 - 作为“成功发布构建”的快速路径(即,HotTowel 中的 gulp 构建) - 我暂时(直到我能弄清楚如何解决 Karma 配置以支持 ag-grid)修改了 John Papa 的 gulp 文件:

0 投票
1 回答
518 浏览

angularjs - 材料设计网格宽度未对齐

小提琴:http: //jsfiddle.net/hectooorr/dcwt3to2/

我有2个问题。无法对齐相邻的 2 个容器。无法获得一致的宽度。

第一个问题:当它们的宽度均为 50% 时,如何让 2 个容器彼此对齐?在我下面的场景中,我总是有两个容器,每个容器的宽度为 50%。当我这样做时,我的容器没有对齐。是否应该将这两个添加到他们自己的行中,并将 50% 添加到一个并弯曲到另一个?

第二个问题:为什么一个flex="100"的容器超过了2个容器的宽度,每个容器的宽度为50%?请参见下面的示例。第一行的 flex 为 100。第二个容器的 flex 为 50,第三个容器只有 'flex' 属性。

在此处输入图像描述

0 投票
2 回答
15947 浏览

javascript - 在 ag-grid 中显示嵌套的 json

我正在使用 Angular Grid (ag-grid) 来显示数据。我正在尝试在我的角度网格中显示嵌套的 json 数据。但我没有成功。

下面是示例 json 数据和 colDefs。请建议为什么点运算符不像 jqgrid 那样工作,用嵌套的 json 字段映射网格列。

索引.html