Question

I have created Form and Grid Panel in Extjs now i want to display a form over a grid when i click on a “Add Record” button

example

Answer 1

What you’re looking for is a modal Window. A la..

var window = new Ext.Window({
  modal: true,
  items: [ yourFormPanel ]
)};

You can put the standard form panel inside of the items in the Window itself (thus the ‘yourFormPanel’ variable), along with any other configuration options. Once you have everything in the window, you just use the show() method to put the Window on the screen. Which probably would be done from the button handler in this case. Should look something like this.

var button = new Ext.Button({
  text: 'Add Record',
  handler: function() { window.show(); }
});

That’s it!