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

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


extjs messagebox
person indu    schedule 08.03.2011    source источник
comment
Вы пытаетесь создать строку состояния внизу панели вкладок?   -  person Abdel Raoof Olakara    schedule 08.03.2011
comment
где вы хотите показать сообщение, на верхней панели инструментов? на нижней панели или в правой части заголовка панели или основной части панели?   -  person Fatih Acet    schedule 09.03.2011
comment
я хочу добавить сообщение на саму вкладку и в правую часть вкладки   -  person indu    schedule 09.03.2011
comment
@ Абдель Олакара не внизу, на самом деле я хочу добавить свое собственное сообщение на панель вкладок в качестве сообщения о состоянии.   -  person indu    schedule 09.03.2011

Ответы (2)


arrow_upward
0
arrow_downward

Каждый компонент, расширяющий 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

person ChrisR    schedule 08.03.2011
comment
спасибо за это, но на самом деле мне это нужно на самой вкладке, я имею в виду, что хочу добавить свое сообщение о состоянии на самой вкладке справа от вкладки - person indu; 09.03.2011
comment
где он нужен сейчас? На панели вкладок или справа от панели вкладок, и что вы на самом деле подразумеваете под сообщением о состоянии? - person ChrisR; 09.03.2011

arrow_upward
0
arrow_downward

Можете ли вы запустить его из консоли 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
person Fatih Acet    schedule 09.03.2011