Greetings All:
Having a problem with the grid row exapnder. I have the following code:
Code:
var rowTpl = new Ext.XTemplate(
'<div>{paymethod}</div>'
);
Ext.define('pppApp.view.paydata.payGrid',{
extend: 'Ext.grid.Panel',
store: 'payStore',
alias: 'widget.paygrid',
columns:[
{text: 'Account', dataIndex: 'accnt',width:135},
{text: 'Name', dataIndex: 'name',width:225},
{text: 'DOB', dataIndex: 'dob',xtype: 'datecolumn',format:'m/d/Y',width:70},
{text: 'Pay Method', dataIndex: 'paymethod'},
{text: 'Status', dataIndex: 'paystatus',width:225},
{text: 'Amount', dataIndex: 'payamount',renderer: Ext.util.Format.usMoney}
],
plugins: [{
ptype: 'rowexpander',
rowBodyTpl : rowTpl
}],
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items:[{
text: 'New Payment',
action: 'btnNewPayment',
},'-',{
text: 'Print Receipt',
id: 'btnPrintReceipt',
action: 'btnPrintReceipt',
disabled: true
},'-',{
text: 'Refund Payment',
id: 'btnVoidPayment',
action: 'btnVoidPayment',
disabled: true
}]
}]
});
When I expand the row in the grid, the only thing that displays is [objectObject]. Am I missing something? Thanks!!