【问题标题】:ag-grid with typescript and angular - usage of type definitions带有 typescript 和 angular 的 ag-grid - 类型定义的使用
【发布时间】:2018-10-30 20:20:03
【问题描述】:

我很好奇如何以类型化的方式使用 ag-grid 和 angular 和 typescript。

在示例中,我没有看到任何类型定义的用法,例如使用 columnDefs、回调(gridReady、firstDataRendered)或 valueGetter 函数等时...

【问题讨论】:

    标签: ag-grid


    【解决方案1】:

    你看过documentationrepo吗?

    columnDefs ColDef

    它太大了,无法复制,只需检查ColDef 内部的接口ag-grid/packages/ag-grid-community/dist/lib/entities/colDef.d.ts

    gridReady AgGridEvent

    export interface AgEvent {
        type: string;
    }
    export interface AgGridEvent extends AgEvent {
        api: GridApi;
        columnApi: ColumnApi;
    }
    

    firstDataRendered FirstDataRenderedEvent

    export interface FirstDataRenderedEvent extends AgGridEvent {
        firstRow: number;
        lastRow: number;
    }
    

    valueGetter ValueGetterParams

    export interface BaseColDefParams {
        node: RowNode;
        data: any;
        colDef: ColDef;
        column: Column;
        api: GridApi;
        columnApi: ColumnApi;
        context: any;
    }
    export interface ValueGetterParams extends BaseColDefParams {
        getValue: (field: string) => any;
    }
    

    【讨论】:

    • 是的,我找到了这种类型的定义。但是导入仅以非常奇怪的方式起作用(例如 import { BaseColDefParams, ValueFormatterParams } from '../../../../../../node_modules/ag-grid-community/dist/lib/ entity/colDef'; 只有某些类型能够按预期导入,例如 import { GridApi, GridReadyEvent, GridOptions } from 'ag-grid-community'; 而且我看到的每个官方示例都没有类型定义。所以我很好奇如何其他人在角度应用程序中处理这个......
    • import { ValueSetterParams } from 'ag-grid-community/dist/lib/entities/colDef'; 似乎很清楚
    猜你喜欢
    • 2017-09-29
    • 2017-04-29
    • 1970-01-01
    • 1970-01-01
    • 2017-01-22
    • 2017-02-18
    • 2020-11-06
    • 1970-01-01
    • 2020-03-07
    相关资源
    最近更新 更多