如何设置 RowEditing 插件的样式

Question

激活行编辑插件时，填充比平时大：

知道什么会影响布局或如何解决它吗？

Answer 1

您使用的是自定义主题吗？看起来行编辑的主题变量被修改了。您可以编写更改以下变量：$grid-row-editor-padding

有关如何管理主题变量的详细信息：Theming Ext JS。您也可以使用 Sencha Themer 工具。

Answer 2

网格在表单定义中。它继承了 fieldDefaults，所以我不得不将它们移到字段集定义内，并将网格留在它外面：

Ext.define('App.view.Test', {
    extend: 'Ext.form.Panel',
    xtype: 'test-form',

    layout: 'vbox',
    bodyPadding: 20,
    fieldDefaults: { //defined here will affect the roweditor plugin
        labelAlign: 'top',
        margin: 20
    },

   items: [
      { 
        xtype: 'fieldset',
        //fieldDefaults should be moved here and leave the grid untouched
        items: [...]
      },
      {
         xtype: 'grid',
         [...]
      }
});

如何设置 RowEditing 插件的样式

How to style RowEditing plugin

extjs6-classic