Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在角度ag网格中启用排序_Angular_Ag Grid_Ag Grid Angular - Fatal编程技术网

Angular 如何在角度ag网格中启用排序

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网格中,但我不断收到一个错误,错误是: 无法绑定到“enableSorting”,因为它不是“ag grid angular”的已知属性

以下是模板:

<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>