ag-grid相关内容

如何使用 ag-grid CustomFilterComponent 构建查找搜索功能

我有这个例子: https://embed.plnkr.co/iUrXZcG14lzhpD5Ofa3z/ 它显示了一个带有列的表,我需要的是构建一个搜索查找函数而不是默认的过滤器函数,以便: 如果输入全名michael,那么表格将被michael 过滤,或者如果我输入电话号码,那么michael 的名字将被michael 过滤.换句话说. 有一个映射数组: {关键:迈克 ..

将 ag-grid 包裹在 Angular 指令中

我正在创建一个向导来在我们的应用程序中添加一个新约会.向导的最后一页包含一个选项卡式部分,其中包含基于多个标准的所有潜在冲突.每个选项卡都是标准之一,并使用 Angular Grid 来显示冲突列表.由于每个网格具有相同的列,但包含不同的数据,我想使用一个指令将 Angular Grid 及其网格选项包装在模板中,然后在我的指令的另一个属性中设置 rowData.我目前有以下指令: 'use s ..
发布时间:2021-11-09 23:15:16 其他开发

Angular Grid ag-grid columnDefs 动态变化

我有一个关于 columnDefs 动态变化的问题.这是我的 gridOptions: $scope.gridOptions = {columnDefs: [],启用过滤器:真,行数据:空,行选择:'多个',行取消选择:true}; 当我从服务器检索数据时: $scope.customColumns = [];$http.post('/Home/GetProducts', { tableNa ..
发布时间:2021-11-09 04:04:09 其他开发

如何使用和添加图标到 ag-grid 中的单元格以指示该单元格是可编辑的

我正在使用角度为 6 的 ag-grid.对于特定列,单元格应该是可编辑的.请找到下面的图片. 我如何添加这个图标,点击它可以编辑单元格. 解决方案 您需要在 columnDefs 数组中的对象中使用 cellRenderer 字段.基本上,您将通常会显示的内容和要显示的图标放在一个 中. something.component.ts columnDefs = [/* ... ..
发布时间:2021-11-08 23:07:14 其他开发

AG-Grid:显示某些“动作"网格中的按钮取决于条件

我在 Angular 6 应用程序中使用社区版“AG Grid". 我现在面临的挑战是:我有一个相当简单的数据结构,它的列表绑定到网格以进行显示.根据它的值,我想在网格中添加一个“操作"列,让用户可以访问某些操作,例如删除条目,“提升"它等 对于单个数据绑定列,我会在绑定每一行时获取其对应的数据值,我可以例如使用单元格渲染器格式化显示.我希望我能够对我的“动作"列(它不绑定到类的特定数 ..
发布时间:2021-11-08 22:58:21 其他开发

ag-grid:如何在主详细信息模板中添加按钮

我在 ag-grid 中使用主/细节.我想要在所有行之后的详细部分中有一个保存按钮.我可以使用模板来做到这一点,但它不会触发事件.我认为它只是一个模板,不适用于事件.你能建议我如何在详细部分添加按钮 这是我的代码 columnDefs: [{headerName: "公司名称",字段:“公司名称",cellRenderer:“agGroupCellRenderer"}],groupDefa ..
发布时间:2021-11-08 22:46:44 其他开发

无法读取未定义的属性“setRowData"

我正在尝试在我的 ag 网格上获取新数据.我尝试使用 this.gridOptions.api.setRowData(rowdata); 但它抛出这个错误 无法读取未定义的属性“setRowData" 我在 onInit 方法的 onGridReady 方法中保留了这个方法.不确定这是否有帮助,但我也在使用 cellRenderer. 这个方法对其他人有用吗? 有什么具 ..
发布时间:2021-11-08 22:08:06 其他开发

在 Angular 5 ag-grid 数据表中使用 cellRendererFramework

我正在构建一个 angular 5 应用程序.在我的 HTML 页面中,我有一个表格显示了被查询的数据.此数据使用 指令显示在 ag-grid 中.网格中的一列显示为 HTML 链接.我正在使用 cellRendererFramework 功能将列中的值显示为链接.它工作正常,并在表中每一行的该列的值上显示链接.我的要求是我想将附加参数从主组件类传递给 cellRendererFramework ..
发布时间:2021-11-08 21:42:36 其他开发

ag-grid 单元格渲染错误

我正在使用 AG-GRID api 在我的网站的 main.ts 文件下填充一个表格,我添加了以下代码 import { bootstrap } from 'angular2/platform/browser';从 './app.component' 导入 { AppComponent };从'angular2/router'导入{ROUTER_PROVIDERS};从'ag-grid-ng2/ ..
发布时间:2021-11-08 21:20:04 其他开发

在 Angular 5 ag-grid 数据表中使用 cellRendererFramework

我正在构建一个 angular 5 应用程序.在我的 HTML 页面中,我有一个表格显示了被查询的数据.此数据使用 指令显示在 ag-grid 中.网格中的一列显示为 HTML 链接.我正在使用 cellRendererFramework 功能将列中的值显示为链接.它工作正常,并在表中每一行的该列的值上显示链接.我的要求是我想将附加参数从主组件类传递给 cellRendererFramework ..
发布时间:2021-11-08 20:56:41 其他开发

自定义过滤器:我可以为过滤器设置自定义按钮吗?

我正在尝试在 ag-grid angular. 除了 Apply 按钮,我还想为过滤器添加其他按钮.即如果我可以在某种 UI 中解释这一点, |--自定义过滤器-------------------. |过滤文本:_____________ | |申请 |清除 |清除所有| |_______________________| 通过使用ag-grid的默认过滤器组件,我知道如果我 ..
发布时间:2021-10-26 17:54:15 前端开发

Angular - Ag-grid cellRendering 仅在一个列标题上

现在我设法为所有列渲染到列标题(参见屏幕截图).但我的目标是将单元渲染器仅应用于 1 个特定列.我正在使用 Angular 5 和 ag-grid/ag-grid-angular 17.0.0 我的父组件看起来像(为了简单起见,我删掉了不相关的东西): export class ClanModalComponent 实现 OnChanges {@Input() 部落信息:ClansByCl ..
发布时间:2021-10-26 17:54:08 其他开发

如何将菜单按钮添加到 ag-Grid 行?

我正在使用 ag-Grid Enterprise Vue. 我在文档中看到 如何启用“上下文菜单";右键单击任何单个单元格即可使用. 我更希望有一个特殊的专栏(固定在右侧)有一个按钮(可能看起来像 ⚙ 或 ...),在左侧打开一个菜单-点击. 我该如何启用此功能?我在文档中没有找到任何示例. 包含菜单按钮的 Ag-grid Cell 是一个类似的问题,但没有答案. 解 ..
发布时间:2021-10-26 17:53:57 其他开发