ExtJS - 如何最小化行编辑器的高度？

【问题标题】：ExtJS - How to minimize the roweditor's height?ExtJS - 如何最小化行编辑器的高度？
【发布时间】：2017-10-14 22:51:47
【问题描述】：

在附上屏幕截图时，我需要将roweditor 的高度与grid 的高度最小化。

这里是rowediting插件的配置：

ptype           : 'rowediting',
clicksToMoveEditor: 1,
saveBtnText     : 'Kaydet',
cancelBtnText   : 'İptal',
errorsText      : 'Hata',
errorSummary    : false,
autoCancel      : false

【问题讨论】：

标签： extjs extjs6 extjs6-classic extjs6.2

【解决方案1】：

您可以添加 beforeedit 监听器来为编辑器以及编辑器中的元素分配自定义高度，如下所示：

    listeners: {
        beforeedit: function (plugin) {
            //set height of editor
            plugin.editor.setHeight(200);
            // set height of each element within editor
            plugin.editor.items.each(function (b) {
                b.setHeight(100);
            })
        }
    },

工作小提琴示例：https://fiddle.sencha.com/#view/editor&fiddle/28d5

【讨论】：