-
Grid over ExtJS form
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
-
What do you mean by "Over the form" ? Do you mean a popup window?
If so used a window with the grid inside it.
-
Per the API, here is a window with a grid inside.
Code:
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.
-
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?