Angular 如何在角度ag网格中启用排序
我试图将排序添加到一个简单的ag网格中,但我不断收到一个错误,错误是: 无法绑定到“enableSorting”,因为它不是“ag grid angular”的已知属性 以下是模板:Angular 如何在角度ag网格中启用排序,angular,ag-grid,ag-grid-angular,Angular,Ag Grid,Ag Grid Angular,我试图将排序添加到一个简单的ag网格中,但我不断收到一个错误,错误是: 无法绑定到“enableSorting”,因为它不是“ag grid angular”的已知属性 以下是模板: <ag-grid-angular [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" > </ag-grid-angular> ag gr
<ag-grid-angular
[enableSorting]="true"
[rowData]="rowData"
[columnDefs]="columnDefs"
>
</ag-grid-angular>
ag grid博客上的介绍指南。
没有排序部分,网格按预期工作,因此我不认为它与配置(导入模块和导入阵列)有关,但我仔细检查了所有设置是否正确!
angular version 10 ag grid version 24.我个人建议再次使用GridOptions,因为您可能需要指定ag grid的其他部分的外观 如果希望对网格中的所有列进行排序,只需使用以下命令:
gridOptions: GridOptions = {
defaultColDef: {
sortable: true
}
}
然后在html中为Ag网格提供网格选项:
<ag-grid-angular
[gridOptions]="gridOptions"
[rowData]="rowData"
[columnDefs]="columnDefs"
>
</ag-grid-angular>
像这样试试
gridOptions:{
默认值f:{
可排序:正确
},
columnDefs:[
{字段:'名称'},
{字段:'年龄'},
{字段:'地址',可排序:false},
]
}
我从ag网格19升级到24时遇到了这个问题。自版本20以来,似乎已在GridOptions
级别删除了启用过滤器,并且必须根据ColDef
进行设置
尽管我找不到任何类似的文档,但我怀疑启用排序
也发生了同样的事情。因此,它似乎被他/她的答案中提到的@cmprogram在ColDef
级别的sortable所取代
这只是猜测,但如果有人能找到关于该更改的文档,请在评论中回复,我会将其添加到此答案中。此解决方案不起作用,编译器仍然说“无法绑定到‘enableSorting’,因为…”这个解决方案是可行的,但我仍然想知道我的方法有什么错误,因为我遵循的是ag grid官方博客指南。自从那本指南出版后,他们有什么改变吗?@sroool如果你对答案满意,请接受并投票。至于错在哪里,他们可能已经改变了语法,因为自那篇文章撰写以来,Ag网格中出现了一些主要的语义版本更改。我提供的方法预计不会很快改变,所以我会继续前进。在一个地方定义网格的配置并在html中提供也很有意义,以使其更具可读性。这是可以理解的,该指南已有2年历史。我对你的解决方案投了更高的票,但我只有不到15个代表,所以它不会公开显示。谢谢你的帮助不要关注博客,因为它已经过时了。去官方那里看看工作实例,如果有什么变化,他们会更新文档中的实例,而不是你读的博客。
gridOptions: {
defaultColDef: {
sortable: true
},
columnDefs: [
{ field: 'name' },
{ field: 'age' },
{ field: 'address', sortable: false },
]
}
<ag-grid-angular
[rowData]="rowData | async"
[columnDefs]="columnDefs"
[enableSorting]="true"
>
</ag-grid-angular>