Code:
this.gridPanel = new Ext.grid.GridPanel({
id : 'TollCallView',
title: 'Toll Call',
autoScroll:true,
stripeRows : true,
margins : '0',
cls:'mygrid',
loadMask:true,
layout:{
type:'vbox',
align:'stretch'
},
forceFit:true,
height:200,
columnLines : true,
stateful:true,
stateId:'TollCallView',
store : parent.store,
cm : new Ext.grid.ColumnModel({
columns : [{
header : 'Toll Call ID',
width : 200,
dataIndex : 'tollCallID'
}, {
header : 'Source Entity ID',
width : 200,
dataIndex : 'sEntityID'
}, {
header : 'Source Group ID',
width : 200,
dataIndex : 'sGroupID'
},
{
header : 'Source Name',
width : 200,
dataIndex : 'sourceName'
},
{
header : 'Source Group Name',
width : 200,
dataIndex : 'sGroupName'
},
{
header : 'Source Phone Number',
width : 200,
dataIndex : 'sourcePhoneNumber'
},
{
header : 'Source IMSI',
width : 200,
dataIndex : 'sIMSI'
},
{
header : ' Source IMEI',
width : 200,
dataIndex : 'sIMEI'
},
{
header : ' Source Device Type',
width : 200,
dataIndex : 'sourceDeviceType'
},
{
header : ' Source Target',
width : 200,
dataIndex : 'sTarget'
},
{
header : 'Dest Entity ID',
width : 200,
dataIndex : 'destEntityID'
}
,
{
header : 'Dest Group ID',
width : 200,
dataIndex : 'destGroupID'
},
{
header : 'Dest Name',
width : 200,
dataIndex : 'destName'
} ,
{
header : 'Dest Group Name',
width : 200,
dataIndex : 'destGroupName'
},
{
header : 'Dest Phone Number',
width : 200,
dataIndex : 'destPhone'
},
{
header : 'Dest IMSI',
width : 200,
dataIndex : 'destIMSI'
},
{
header : 'Dest IMEI',
width : 200,
dataIndex : 'destIMEI'
},
{
header : ' Dest Device Type',
width : 200,
dataIndex : 'destDeviceType'
},
{
header : 'Dest Target',
width : 200,
dataIndex : 'destTarget'
},
{
header : 'Toll Call Duration',
width : 200,
dataIndex : 'tollCallDuration'
},
{
header : 'Date Time Local',
width : 200,
dataIndex : 'dateTimeLocal'
}
],
defaults : {
sortable : true
}
}),
view: new Ext.grid.GroupingView({
forceFit:true
}),
sm : new Ext.grid.RowSelectionModel({
singleSelect : true
}),
trackMouseOver : true ,
bbar : parent.pager