'resize'에 해당되는 글 2건

  1. 2008/05/31 사이즈 변경
  2. 2008/03/19 Grid의 가로 사이즈 조절

// panel object를 가져 옴
var instCp = Ext.get('content-panel');

// resize event에 맞춰 dataPanel object의 사이즈 조절 가능
instCp.on('resize',function(){
    dataPanel.setHeight(instCp.getHeight());
    dataPanel.setWidth(instCp.getWidth());
});

TAG extjs, resize
.setWidth property를 사용함
grid를 새로 그릴 필요 없이 자동으로 적용된다.

grid.setWidth( grid_width );

/////////////////////////////////////////////
// jQuery이용한 windows사이즈 변화에 따른 grid사이즈 변경
var m_resizeCnt=0;
$(document).ready(function() {
    $( window ).resize( _resize );
    _resize();
});

function _resize()
{
    grid_width = $("#div_container").width() - 24;
    // alert ( "resize: " + grid_width );
    if ( m_resizeCnt > 20 )    // 너무 자주 변하는 것을 방지 하기 위해~~
    {
        // grid.show();
        grid.setWidth( grid_width );
        m_resizeCnt = 0;
    }
    else
    {
        m_resizeCnt = m_resizeCnt + 1;
    }
}
TAG extjs, grid, resize