extjs를 사용하여 tabpanel에 내 자신의 상태 메시지를 추가하는 방법

Question

순수한 extj로 ui를 사용하여 하나의 프로젝트를 개발 중입니다. 내가 extjs에서 tabpanel에만 내 자신의 상태 메시지를 추가하려는 하나의 문제에 직면하고있다. 도와주세요.

Answer 1

Ext.Panel을 확장하는 각 구성 요소는 하단 Ext.Toolbar 인 bbar이라는 구성 옵션을 허용합니다. 원하는 경우 TabPanel의 상태 표시 줄로 사용할 수 있습니다. 자세한 내용은 Ext.Panel 및 Ext.Toolbar에있는 문서를 확인하십시오. 당신이 더 많은 기능을 찾고 있다면

new Ext.Panel({ 
    title: 'Basic StatusBar', 
    items:[{ 
     xtype: 'button', 
     text: 'a button', 
    }], 
    bbar: ['->', 'Status bar'] 
}); 

당신은 또한 당신이

Answer 2

당신은 ExtJS에 페이지를 포함 콘솔 파이어 버그에서 실행할 수 sencha.com에 공식 ExtJS Examples을 찾을 수 있습니다 공식 Statusbar Extension을 확인할 수 있습니다. 이것은 좋은 방법은 아니지만 당신의 필요를 성취합니다.

 
// this function should be in a namespace as a method 
var updateStatusMessage = function(msg){ 
    var msgEl = document.getElementById('tabPanelStatusMessage'); 
    if (msgEl) { 
     msgEl.innerHTML = msg; 
    } 
    // style rules of span should be given with a css class 
    return Ext.DomHelper.createDom({tag:'span', id:'tabPanelStatusMessage', style: 'position: absolute; right: 5px; top: 5px', html: msg }) 
} 
new Ext.Window({ 
    title: 'test window', 
    width: 600, 
    height: 400, 
    items: { 
     xtype: 'tabpanel', 
     activeTab: 0, 
     id: 'statusTabPanel', 
     items: [ 
      { 
       title: 'test', 
       html: 'this is a demo tab panel item' 
      } 
     ] 
    }, 
    listeners: { 
     afterrender: function(){ 
      Ext.select('#statusTabPanel .x-tab-strip-wrap').appendChild(updateStatusMessage('Lorem Ipsum Dolor Sit Amet')) 
     } 
    } 
}).show(); 

// you can call updateStatusMessage function with a message to update the message