2012-10-11 5 views
0

그래서 높이를 변경하고자하는 격자 위에이로드 마스크가 있습니다.ExtJS는로드 마스크의 높이를 변경합니다.

나는

var loadMask = grid.view.loadMask; 
loadMask .setHeight(maskHeigtht); 

를 사용하여 높이를 변경하는 데 성공했지만 그건 그냥 메시지 높이를 변경합니다. 뒤쪽의 블루 마스크가 바뀌길 바란다.

아이디어가 있으십니까?

+0

이 기능의 전반적인 목적은 무엇입니까? 로드 마스크는 임의의 Ext.Element에 첨부 될 수 있으므로 다른 크기의 요소에 마스크를 첨부하여 마스크 할 수 있습니까? – dougajmcdonald

+0

글쎄, 그 안에 격자가있는 패널이 있고 저장소가로드 될 때 마스크가 탐욕을 덮지 만 마스크가 활성화되어있는 동안 스크롤 바를 잠깐 만드는 페이지 아래쪽으로 확장됩니다. 브라우저 창 범위를 벗어나지 않도록 높이를 줄이려고합니다. – Kal

답변

0

일반적으로 명시 적으로 마스크하려는 요소에 마스크를 적용합니다. 종종 격자를 마스크하기 위해 이와 같은 코드를 사용합니다.

var grid = Ext.getCmp('myGrid').getEl(); //note the use of getEl() to get the grids containing element 

    grid.mask("Loading data..."); 

    Ext.getStore('myStore').load({ 
     callback: function() {    
      grid.unmask(); 
     } 
    }); 

위 코드는 저장소가로드되어있는 동안 그리드를 마스크 한 다음 나중에 마스크 해제합니다.

+0

대단히 고마워! 귀하의 예제를 사용하여 I 추가 : viewConfig : { loadMask가 : 거짓 } : 청취자 : { beforeload : 기능 (저장, 운영, 옵션) { VAR 그리드 = Ext.getCmp 패널에 다음이 내 가게 리스너입니다 ('programList'). getEl(); grid.mask ("데이터로드 중 ..."); }, 로드 : function() { var grid = Ext.getCmp ('programList'). getEl(); grid.unmask(); } } 다시 한번 감사드립니다. :) – Kal

+1

그래, 일반적으로 마스크를 제거 할 수있는 방법에는 여러 가지가 있지만, 원하는대로 요소를 찾고 마스크를 추가 및 제거하고 거기에서부터 이동하는 두 가지 현명한 이벤트를 찾습니다. 다행히 도왔다. – dougajmcdonald

관련 문제