RowExpander没有在网格上工作 - Ext JS 4.1.1

时间:2013-08-06 15:01:57

标签: extjs grid row panel

我这里的面板显示正常,直到我尝试实现rowexpander插件:

Ext.define('AM.view.userlist.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.userlist',
    title: '<center>Results</center>',
    store: 'User', 
    collapsible: true,
    plugins: [{
            ptype: 'rowexpander',
        id: 'rowexpander',
            rowBodyTpl : [
                '<p>Name <b>{name}</b></p>',
                '<p><b>Address {address}</b></p>'
            ]
        }],
        collapsible: true,
        animCollapse: false,
    initComponent: function() {
        this.columns = [
            {header: 'ID',  dataIndex: 'id', flex: 4, tdCls: 'grid_cell'},
            {header: 'Name', dataIndex: 'name', flex: 4, tdCls: 'grid_cell'},
            {header: 'Address', dataIndex: 'address', flex: 3, tdCls: 'grid_cell'},
            {header: 'Phone', dataIndex: 'phone', flex: 3, tdCls: 'grid_cell'}
         ];
    this.callParent(arguments);
    //remaining code...

当我尝试添加插件时,我遇到了这个例外:

TypeError: name is undefined

我不确定为什么我不能让它工作。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

尝试:

...
requires: [
    'Path.to.RowExpander'
],
...