Spalte Sortierung nach ag-Netz nicht funktioniert

Habe ich ein ag-Netz und ich bin dynamisch laden von Daten in it. Ich habe aktiviert-Spalte Sortieren, aber es funktioniert nicht. Nichts passiert, wenn ich auf die Spaltenüberschrift. Ich bin mir nicht sicher, was das Problem ist. Unten ist mein code:

    var colobj = {};
    for(i = 0; i< file.fieldMetadata.length; i++){

   var len = file.fieldMetadata[i].name.length;

   colobj = {'headerName' : file.fieldMetadata[i].name, 'field' : file.fieldMetadata[i].name, sortingOrder: ['asc','desc', 'null']};

vm.columnDefs.push(colobj);

    vm.gridOptions.api.setColumnDefs(vm.columnDefs);
    vm.gridOptions.api.setRowData(vm.fileContentsCols);
    vm.gridOptions.enableSorting = true;
InformationsquelleAutor Vedant Nighojkar | 2016-01-06
  1. 3

    Den enableSorting funktioniert hier nicht. Nur Aufruf der api-Funktion funktioniert.

    Müssen Sie gridOptions.enableSorting = true von Anfang an (nicht erst nach erhalten der Daten).

    Den gridOptions ist lediglich eine Halterung für die Initialisierung. Sobald das Gitter initialisieren, das api-Feld verfügbar ist, um die Interaktion mit dem grid, die alle änderung von Parametern nicht mehr funktionieren.

    • Können Sie uns ein Beispiel dafür? in meiner Tabelle, ich bin die Erzeugung von Daten, dann setze ich die columnDefs mit einem benutzerdefinierten cellRenderer, dann richte ich gridOptions, erstellen Sie ein neues Raster, dann füllen Sie das raster mit den gridOptions.api.setRowData(Daten); Jede Spalte, die mithilfe eines benutzerdefinierten cellRenderer Sortieren nicht.
    • Ich habe aufgehört bei der version 3 des ag-Netz mit angularjs1. Ein Beispiel von mir möglicherweise nicht up-to-date. Sollten Sie eine neue Frage mit genügend details. Wenn Sie eine customCellRenderer müssen Sie möglicherweise, um eine überlastung der valueGetter. Nicht, dass ich für meinen Teil wurde die Handhabung der Sortierung vom server, so bin ich nicht allzu vertraut mit frontend Sortieren.
    • Für diejenigen, die damit kämpfen, ich bin mit der ag-grid-reagieren v21. Ich musste sortable: true in der Spalte definition an die AgGridReact Komponente, und rufen Sie dann api.setSortModel mit der colId. E. g. <AgGridReact columnDefs={[{colId: 'myColId', sortable: true, ...}, ...]} und api.setSortModel([{colId: 'myColId', sort: 'desc'}]).
    InformationsquelleAutor Walfrat
  2. 0

    Für Menschen, die sich Fragen, warum dies geschieht, in Eckige :

    Ich Stand vor dem gleichen Problem , ich war Einstellung enableSorting und anderen booleans dynamisch, aber nach der Einstellung columnDefs .
    Durch diese Reihenfolge der Initialisierung der enableSorting nicht funktioniert .

    Ich initialisiert mein Boolesche Felder, zuerst bevor columnDefs und es funktionierte wie ein Charme :

      ngOnInit(): void {

    /* table setting should be initialed before setting data

{
    "tableHeight": 300,
    "tableClass": "ag-theme-balham",
    "enableSorting": true,
    "animateRows": true,
    "dragDrop": true,
    "enableColResize": true,
    "sortingOrder": ["desc", "asc", null]
  }

    */

         this.configService.getGeneralTableData().subscribe((x) => {
      this.generalTableSettings = x;
    } );

    this.configService.getTableHeaderColumnSettings().subscribe((x) => {
      this.columnDefs = x;
    });
  }

 <ag-grid-angular
    #agGrid
    style="width: 100%; height: 400px;"
    id="myGrid"
    [columnDefs]="columnDefs"
    [class]="generalTableSettings?.tableClass"
    [enableSorting]="generalTableSettings?.enableSorting"
    [animateRows]="generalTableSettings?.animateRows"
    [suppressDragLeaveHidesColumns]="generalTableSettings?.dragDrop"
    [enableColResize]="generalTableSettings?.enableColResize"
    [sortingOrder]="generalTableSettings?.sortingOrder"

    (gridReady)="onGridReady($event)"
    ></ag-grid-angular>
    InformationsquelleAutor Divyanshu Jimmy
Schreibe einen Kommentar