extjs 4.1グリッドパネルヘッダーの高さの変更方法

StackOverflow https://stackoverflow.com//questions/11676084

  •  12-12-2019
  •  | 
  •  

質問

ext.grid.panelヘッダーの高さを変更したい。

グリッドパネルヘッダの高さは強制的に28pxに設定されています。

  1. SASS設定
  2. パネル上のヘッダー構成は私には機能しませんでした
  3. グリッド列の変更<28pxの設定時には、高さが機能します。28pxは最小のようです。

    これは私がこれまでに持っているものです（そしてそれはうまくいきます）、しかし私は解決策が好きではありません。 

    Ext.define('Ext.grid.Panel', {
    listeners: {
        beforerender: function (cmp, eOpts) {
            cmp.headerCt.setHeight(25);
        }
    }
});
    .

    さらに、列ヘッダーは28pxにも固定されているようです。ヘッダの高さを25に設定すると、列ヘッダが25に設定されません.SCSS / CSSでもそれを上書きする必要があります。それ以外の場合は、列のヘッダーメニューが28pxの高さを表示します。 

    .x-column-header
{
    height: 25px;
}
    .

    このソリューションが機能しません。列ヘッダーをドラッグした場合、列のインデックス位置を変更すると、壊れる -

    推奨？

役に立ちましたか？

解決

列ヘッダーの高さを設定するには、コンパイル後に高さを設定する必要があります。繰り返しになりますが、列構成の高さ値は、高さ<28を設定するのには機能しませんが、> 28。

コンパイル後の高さを変更することを確認し、列をドラッグ可能にすることができます（すべてがそれほど機能する）。 

Ext.define('Ext.grid.Panel', {
    listeners: {
        beforerender: function (cmp, eOpts) {
            cmp.columns[0].setHeight(25);
        }
    }
});
.

動的グリッドを作成するので、私の解決策はこれを使用できませんでした。グリッドの動的部分では、Grid.ReconFigure（）を使用しています。 - Beforerenderの状態で作成されたものを破壊することによって。 

Ext.define('Ext.grid.Panel', {
    listeners: {
        reconfigure: function (cmp, eOpts) {
            cmp.columns[0].setHeight(25);
        }
    }
});
.

再構成後の再構成関数は、これが私が動的グリッド再構成を回避する方法です。

他のヒント

そのGridPanelのSASSサブスタイルを使用して 'ui' config：を設定することもできます。

Config へのui:'custom-height-item'を追加する 

@include extjs-panel-ui(
    'custom-height-item',
    $ui-header-line-height: 28px,
    $ui-header-padding: 2px;
    )
.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top