想要为Ag-Grid中的行分配日期选择器组件

时间:2019-09-24 19:06:26

标签: angular typescript ag-grid-angular

我的网页中有一个网格(附件为img) Grid in WebPage

我正在使用以下代码来格式化网格。

    const colDefs = Object.getOwnPropertyNames(coalOption)
    .map(propertyName => {
        const columnDefinition: ColDef = {
            headerName: propertyName,
            field: propertyName,
            sortable: true,
            suppressMovable: true,
            width: 120,
        }
        if (propertyName.toLowerCase() === 'parameters') {
            columnDefinition.width = 230;
            columnDefinition.pinned = 'left';
            columnDefinition.filter = 'agTextColumnFilter';
            columnDefinition.filterParams = {
                clearButton: true,
            };
        } else {                   
            columnDefinition.editable = this.isEdit || this.isNew;
            columnDefinition.cellEditorFramework = AgGridNumericCellEditorComponent;
            columnDefinition.cellEditorParams = {
                decimalPlaces:4,
            };
        }
        return columnDefinition;              
    });

    this.defaultColDef = {
        filter: false,
    };
    this.columnDefs = colDefs;
}

在这种情况下,我在为Date列分配Datepicker时遇到了麻烦。因为如果我为Column-1设置,则该列中的Decimal值会受到影响。 实际上,我有一个单独的Date Picker组件,该组件在整个项目中都是常用的。我想在此将该组件用于特定的行Date-1和Date 2。正是我想要的。任何帮助将不胜感激。预先感谢。

0 个答案:

没有答案