Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用extjs将我自己的状态消息添加到tabpanel_Extjs_Messagebox - Fatal编程技术网

如何使用extjs将我自己的状态消息添加到tabpanel

如何使用extjs将我自己的状态消息添加到tabpanel,extjs,messagebox,Extjs,Messagebox,我正在开发一个纯extjs的ui项目。我面临一个问题,我只想在extjs中将我自己的状态消息添加到tabpanel。请帮助我。每个扩展Ext.Panel的组件都接受一个名为bbar的配置选项,该选项位于Ext.Toolbar的底部。如果您愿意,它可以作为选项卡面板的状态栏。查看和上的文档以了解更多信息 new Ext.Panel({ title: 'Basic StatusBar', items:[{ xtype: 'button', text:

我正在开发一个纯extjs的ui项目。我面临一个问题,我只想在extjs中将我自己的状态消息添加到tabpanel。请帮助我。

每个扩展Ext.Panel的组件都接受一个名为
bbar
的配置选项,该选项位于Ext.Toolbar的底部。如果您愿意,它可以作为选项卡面板的状态栏。查看和上的文档以了解更多信息

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

如果您想了解更多功能,还可以查看官方网站,您可以在sencha.com上找到官方网站

您可以从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 //此函数应作为方法位于命名空间中 var updateStatusMessage=函数(msg){ var msgEl=document.getElementById('tabPanelStatusMessage'); 如果(msgEl){ msgEl.innerHTML=msg; } //span的样式规则应该与css类一起给出 返回Ext.DomHelper.createDom({tag:'span',id:'tabPanelStatusMessage',style:'position:absolute;right:5px;top:5px',html:msg}) } 新的分机窗口({ 标题:“测试窗口”, 宽度:600, 身高:400, 项目:{ xtype:'tabpanel', 活动选项卡:0, id:“状态选项卡面板”, 项目:[ { 标题:"测试",, html:“这是一个演示选项卡面板项” } ] }, 听众:{ afterrender:function(){ Ext.select(“#statusTabPanel.x-tab-strip-wrap”).appendChild(updateStatusMessage('Lorem Ipsum Dolor Sit Amet')) } } }).show(); //可以使用消息调用updateStatusMessage函数来更新消息
您正在尝试在选项卡面板底部创建状态栏吗?要在工具栏顶部的何处显示消息?在底部栏或面板标题或面板主体的右侧?我想在tabpanel上添加消息,它在tabpanel的右侧@Abdel Olakara不在底部实际上我想在tabpanel上添加我自己的消息作为状态消息谢谢,但实际上我需要它在tabpanel上,我的意思是我想添加选项卡面板右侧选项卡面板上的我的状态消息您现在需要它吗?在选项卡面板上或选项卡面板右侧,您所说的statusmessage实际上是什么意思?