как добавить свое собственное сообщение о статусе в панель вкладок с помощью extjs - PullRequest
Новая
       15

как добавить свое собственное сообщение о статусе в панель вкладок с помощью extjs

0 голосов
/ 08 марта 2011

Я разрабатываю один проект с пользовательским интерфейсом в виде чистых extjs. Я столкнулся с одной проблемой, я хочу добавить свое собственное сообщение о статусе на панель вкладок только в extjs. пожалуйста, помогите мне.

Ответы [ 2 ]

0 голосов
/ 09 марта 2011

Можете ли вы запустить его из консоли Firebug на странице, включенной в ExtJS.Это не очень хороший способ для этого, но он удовлетворяет ваши потребности. 

// 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
0 голосов
/ 08 марта 2011

Каждый компонент, расширяющий Ext.Panel, принимает параметр конфигурации с именем bbar, который является нижней панелью Ext.Toolbar.это может функционировать как строка состояния для вашей TabPanel, если вы хотите.Проверьте документы на Ext.Panel и Ext.Toolbar для получения дополнительной информации. 

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

Если вам нужна дополнительная функциональность, вы также можете ознакомиться с официальным Расширение строки состояния , официальные примеры ExtJS вы можете найти на sencha.com

...