Grid over ExtJS form

[Pravin.Pawar]

Hi,

I have to display list of the items over the ExtJS 4.1 form. Not sure if we can use GridPanel over the ExtJS form.

My code will be something like below-

var winChangeLogForm = Ext.widget('form', {
layout: {
type: 'vbox',
align: 'stretch'
},
border: false,
bodyPadding: 10,
fieldDefaults: {
labelAlign: 'top',
labelWidth: 100,
labelStyle: 'font-weight:bold'
},
items: [{
xtype: 'grid',
id: 'ChangeLogPanel',


Please let me know how should I display grid/ list over the form with 5 columns

[suzuki1100nz]

What do you mean by "Over the form" ? Do you mean a popup window?
If so used a window with the grid inside it.

[scottmartin]

Per the API, here is a window with a grid inside.

Ext.create('Ext.window.Window', {
    title: 'Hello',
    height: 200,
    width: 400,
    layout: 'fit',
    items: {  
        xtype: 'grid',
        border: false,
        // One header just for show. There's no data,
        columns: [{header: 'World'}],
        // A dummy empty data store
        store: Ext.create('Ext.data.ArrayStore', {}) 
    }
}).show();

Scott.

[Pravin.Pawar]

Thanks Scott.. this is what I was looking for. I have one more question which is posted at -

http://www.sencha.com/forum/showthre...ing-colr-issue

Could you please let me know how I can resolve that issue?