Adding a button to tbar of my EditorGridPanel

[Ramanujam]

I am using EditorGridPanel and I have a tbar in it. My requirement is to add a button to the tbar component. When I do in the following way my button is not visible as a button unless I move the cursor over there. I want to add a clear button to my grid. How I can achieve this? Any help in this regard is highly appreciated.

........
myGrid = new Ext.ux.maximgb.tg.EditorGridPanel({
... some code...
tbar : [{
text : '<b>Submit</b>',
id : 'submitButton',
handler : function submitHandler(){
Ext.Msg.show({
title : '<b>Submit</b>',
msg : 'Do u want to submit? ',
buttons : Ext.MessageBox.OKCANCEL,
fn : function(btn){
if(btn == 'ok'){
functionForSubmitButton();
}
}});
} }],
.............. and so on.

[mitchellsimoens]

The Ext JS 4 way is to use dockedItems like:


dockedItems : [
{
dock : 'top',
items : [
{
text : 'Submit'
}
]
}
]