Code:
Ext.define('MyApp.view.ui.MyForm', { extend: 'Ext.form.Panel',
height: 800,
width: 1024,
bodyPadding: 10,
title: 'example',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
dockedItems: [
{
xtype: 'gridpanel',
title: 'My Grid Panel',
columnLines: true,
dock: 'top',
columns: [
{
xtype: 'gridcolumn',
width: 38,
dataIndex: 'string',
text: 'Sts'
},
{
xtype: 'numbercolumn',
width: 41,
dataIndex: 'number',
text: 'Load'
},
{
xtype: 'gridcolumn',
width: 6,
text: ' '
},
{
xtype: 'gridcolumn',
width: 73,
text: 'Supplier'
},
{
xtype: 'numbercolumn',
width: 52,
text: 'Weight'
},
{
xtype: 'numbercolumn',
width: 61,
text: 'Pay Wgt.'
},
{
xtype: 'numbercolumn',
width: 45,
text: 'Price'
},
{
xtype: 'numbercolumn',
width: 53,
text: 'Vaue'
},
{
xtype: 'gridcolumn',
width: 6,
text: ' '
},
{
xtype: 'gridcolumn',
width: 77,
text: 'Customer'
},
{
xtype: 'numbercolumn',
width: 53,
text: 'Weight'
},
{
xtype: 'numbercolumn',
width: 58,
text: 'PayWgt'
},
{
xtype: 'numbercolumn',
width: 44,
text: 'Rate'
},
{
xtype: 'numbercolumn',
width: 39,
text: 'Value'
},
{
xtype: 'gridcolumn',
width: 6,
text: ' '
},
{
xtype: 'gridcolumn',
width: 40,
text: 'Haulier'
},
{
xtype: 'numbercolumn',
width: 50,
text: 'Weight'
},
{
xtype: 'numbercolumn',
width: 50,
text: 'Rate'
},
{
xtype: 'numbercolumn',
width: 50,
text: 'Value'
},
{
xtype: 'numbercolumn',
width: 70,
text: 'Other Cost'
}
],
viewConfig: {
}
}
]
});
me.callParent(arguments);
}
});