Ag-grid编辑似乎在编辑fullRow

时间:2019-04-11 16:30:47

标签: javascript ag-grid editing

我正在使用Ag-gird和Vanilla JS。我打开了fullRowEditing,并向我的gridOptions添加了一个“ getRowHeight”功能。但是,当我选择要编辑的行时,该行的高度会缩小以仅显示1行。是否可以更改编辑的行高?

使用ag-grid 20.0.0和香草javascript。

我已经尝试过愚蠢的东西。...

getRowHeight : {
    return 300;
},
getEditingRowHeight : {
   ///doesn't work -- various permutations of getEditxxxRowHeight
   return 400;
}

我放入了一个自定义的div控件,该控件仅将高度和宽度为100%的div设置为蓝色。

function DivComponent() {}

CustomControlComponent.prototype.init = function (params) {
    var template = "<div style='width: 100%, height: 72px, color: blue, border-color: blue'></div>";
    this.eGui = document.createElement('div');
    this.eGui.innerHTML = template;
    .....
}

.....  other normal stuff ....

当我单击该行时,它会触发编辑事件。然后我的Div缩短到只有1行高。当我不编辑时,控件很好。但是,编辑会使所有控件紧缩,而不会使行紧缩。所以你最终像这样:

不编辑:

|  Column |   Column Div   |
-----------------------------
|  1      ||##############||
|         ||##############||
|         ||##############||
|         ||##############||
|         ||##############||
-----------------------------

编辑:

|  Column |   Column Div   |
-----------------------------
|  1      ||##############||
|         |                |
|         |                |
|         |                |
|         |                |
-----------------------------

如何使编辑内容分散到正常的行高?不会触发getRowHeight()进行编辑,并且高度现在由CSS确定

.ag-theme-balham .ag-cell-inline-editing(28px)。

如何获得28像素以反映我的身高设定值?

编辑后添加:

我的DIV控件最终将变为可变高度。因此,我不能使用全面的CSS(我知道吗?)。第1行可能是72像素,第2行可能是36像素。我试过使用autoHeight而不是。只显示就可以,但不能编辑。

0 个答案:

没有答案