slideIn 및 slideOut는 구성 요소의 너비를 줄입니다.

Question

SlideIn 또는 SlideOut 중에 구성 요소의 너비를 줄이는 문제를 해결하는 사람이 도와 줄 수 있습니까? Ext JS 버전 4.1 RC1을 사용하고 있습니다.

Ext.onReady(function() { 
    Ext.create('Ext.container.Viewport', { 
     layout: 'border', 
     items: [{ 
      region: 'north', 
      autoHeight: true, 
      border: false, 
      margins: '0 0 5 0', 
      items: [{ 
       xtype: 'container', 
       id: 'con_notification-box', 
       cls: 'notification-box', 
       hidden: true, 
       border: true, 
       width: 500, 
       height: 0, 
       style: { 
        position: 'fixed', 
        minHeight: '75px !important', 
        left: '50%', 
        marginLeft: '-250px', 
        zIndex: '999999', 
        backgroundColor: 'white' 
       }, 
       items:[{ 
        xtype: 'container', 
        html: '<p>Insert your information text here.</p>' 
       },{ 
        xtype: 'container', 
        id: 'con_application-close', 
        cls: 'notification-close', 
        html: '<br />Close' 
       }] 
      },{ 
       xtype: 'container', 
       html: '<h1 class="x-panel-header">Your title</h1>' 
      }] 
     }] 
    }); 
    var con_notification_box = Ext.getCmp('con_notification-box').getEl(); 

    con_notification_box.slideIn('t', { 
     easing: 'easeOut', 
     duration: 500 
    }); 

    Ext.getCmp('con_application-close').getEl().on('click',function(){ 
     con_notification_box.slideOut('t', { duration: 2000 }); 
    }); 
}); 

도와 주시면 매우 감사하겠습니다. 귀하의 질문은 당신이 뭘 하려는지에 매우 명확하지 않다

Answer 1

종류와 관련, shub. 그러나 게시 된 코드는 작동하지 않습니다. 당신은 센터로 패널을 표시하거나 착용감 보더 레이아웃을 교체하거나 필요 http://jsfiddle.net/dbrin/qDhXg/

을합니다 (jsfiddle 참조)이 경우 당신이되고 그것을 의미 내가 어떻게 그것을에서 밖으로 밀어있어,하지만 확실하지