Forum /
Ext JS 2.x - Unsupported /
Ext 2.x: Help & Discussion /
Setting Tbar in Ext.extend(Ext.ux.Panel
Setting Tbar in Ext.extend(Ext.ux.Panel
Hi,
I am trying to create an extended panel, which is a Tabbed panel and displayed using Viewport.
In this extened panel, i have a combo box, whick is attached to the tbar and everything works fine.
But i need to add another button to the tbar, how should i do it ??
Need help.
Thanks.
Here is the code:
//creating extened panel
Ext.namespace('ux');
Ext.ux.TestViewer = Ext.extend(Ext.ux.Panel,{
width:500,
height:400,
initComponent:function(){
});
//creating combo box
var intentCombo = new Ext.form.ComboBox({
fieldLabel: 'Intents',
valueField:'id',
});
//creating button
var btnViewPandP = new Ext.Button({
text: 'Test button',
});
// PGrid
// GGrid
this.layout='column';
this.tbar = [intentCombo]; //here i want to add the button next to it ..how ????
this.items=[PGrid,CGrid];
this.border = false;
Ext.ux.DeployedViewer.superclass.initComponent.call(this, arguments);
}
,onRender:function(){
Ext.ux.DeployedViewer.superclass.onRender.apply(this, arguments);
}
});
Similar Threads
By alimama in forum Ext 2.x: Help & Discussion
Replies: 2
Last Post: 26 Apr 2009, 5:06 PM
By tvald in forum Ext 2.x: Help & Discussion
Replies: 1
Last Post: 7 Jul 2008, 2:26 PM
Tags for this Thread
Sencha is used by over two million developers. Join the community, wherever you’d like that community to be
or Join Us