Как отобразить значение перечисления в значении поля ячейки ag-grid? - PullRequest
Новая
       30

Как отобразить значение перечисления в значении поля ячейки ag-grid?

1 голос
/ 29 марта 2019

Я использую последнюю версию ag-grid (^ 20).Я пробовал рендеринг ячейки, но не уверен, как отобразить строку вместо перечислений.

В коде sample.component.html 

<ag-grid-angular 
    #agGrid style="width: 100%; height: 350px;" 
    class="ag-theme-balham"
    [gridOptions]="gridOptions"
    [columnDefs]="columnDefs"
    [showToolPanel]="showToolPanel"
    [defaultColDef]="defaultColDef"
    [rowData]="rowData">
</ag-grid-angular>

В коде sample.component.ts 

 export const PROJECT_LIST_COLUMNS = [
        { headerName: 'Code', field: 'code', width: 120 },
        { headerName: 'Name', field: 'name', width: 200 },
        { headerName: 'Customer', field: 'customerName', width: 200 },
        { headerName: 'Manager', field: 'manager', width: 150 },
        { headerName: 'Project Group', field: 'projectGroup', width: 150 },

        {
            headerName: 'End Date',
            field: 'endDate',
            width: 130,
        },
        {
            headerName: 'Status', //what I want is from the below project status file I want the string 
            field: 'status', 
            width: 150,
            cellRenderer: data => {
                return data.value ? data.value : 'not found';
            },
        },
    ];

И это мой файл project-status.ts 

export enum ProjectStatus {
    Queue = -3,
    Hold= -2,
    Proposal = -1,
    NS= 0,
    WIP= 1,
    Completed = 2,
    Posted= 3,
    Closed = 4,
}

Не уверен, как этого добиться.Пожалуйста, помогите

1 Ответ

1 голос
/ 29 марта 2019

Используйте ProjectStatus[data.value], чтобы получить текст значения перечисления. 

    {
        headerName: 'Status',
        field: 'status', 
        width: 150,
        cellRenderer: data => {
            return (data.value !== null && data.value !== undefined)
                    ? ProjectStatus[data.value] : 'not found';
        },
    }

Примечание. Обязательно обновите ваше состояние как (data.value !== null && data.value !== undefined), в противном случае ProjectStatus.NS покажет вам not found.

Ссылка: Как получить имена записей перечисления TypeScript?

Подробный справочник: : Справочник по машинописи - Enums

Обратные отображения

В дополнение к созданию объекта с именами свойств для членов числовые перечисления члены также получают обратное отображение от перечислить значения перечислить имена. Например, в этом примере: 

enum Enum { A }  
let a = Enum.A;
let nameOfA = Enum[a]; // "A"
...