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 ()를 사용합니다.- Beforererender 상태에서 생성 된 것을 파괴함으로써 

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

재구성 기능이 발생한 후 재구성 기능이 발생하므로 동적 그리드 재구성을 중심으로하는 방법입니다.

다른 팁

해당 그리드 파넬에 대한 SASS 하위 스타일을 사용하고 'UI'구성을 설정할 수도 있습니다.

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