PDA

View Full Version : Grid Panel Toolbar Alignment



extjscrazy
7 Nov 2009, 1:48 PM
I need help in toolbar alignment.

I have a Toolbar for the Grid. The Toolbar has
'Set' - This is a text
'Remove Row' - Button and
'X' - Button

I want 'Set' to be aligned in the Left and the two buttons to be aligned in the right.

I have added "html:  " in the toolbar to get the required alignment.I looking out for a better way to get this alignment.

Toolbar Code below:


tbar : [

{
xtype :'tbtext',
text : 'Set '
},
{
html :'&nbsp'
},
{
html :'&nbsp'
}, {
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},{
html :'&nbsp'
},
{
text :'Remove Row',
handler : function(but){
alert('Remove Row');
}
},
{
xtype :'tbseparator'
},
{
text :'X',
handler : function(but){
alert('Inside X')
}
}
]

MiamiCoder
9 Nov 2009, 8:51 PM
The Toolbar.Fill component might help. Look it up in the docs.