如何使用ExtJS的

我正在开发与UI纯ExtJS的一个项目中添加自己的状态消息一个tabpanel。我正面临一个问题，我想只在extjs中将我自己的状态消息添加到tabpanel。请帮帮我。如何使用ExtJS的

2011-03-08 indu

你是否试图在标签面板的底部创建一个statu栏？ – 2011-03-08 06:12:06

你在哪里要显示的消息，在顶部的工具栏？在面板头部或面板主体的底部酒吧或右侧？ – Fatih 2011-03-08 22:04:10

我想补充的一个tabpanel本身及其对一个tabpanel – indu 2011-03-09 06:55:41

延伸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'] 
});

如果你正在寻找更多的功能，你还可以检查出的官方Statusbar Extension，你可以找到关于sencha.com

来源

2011-03-08 19:27:22 ChrisR

的右侧感谢你这一点，但实际上我的消息需要在一个tabpanel本身我的意思是我想补充我的状态消息的一个tabpanel本身上一个tabpanel – indu 2011-03-09 06:56:30

你现在需要它的地方的rightside？在tabpanel或Tabpanel的右边，你实际上通过statusmessage表示什么？ – ChrisR 2011-03-09 07:17:54

是否可以从Firebug的运行安慰一个ExtJS包含的页面正式ExtJS Examples。这不是一个好的方法，但是，实现您的需要。

 
// 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

来源

2011-03-09 12:42:59 Fatih

如何使用ExtJS的

回答

相关问题