1

我已经尝试了几乎所有方法来为这个网格提供可扩展的行。这是我的代码：

Ext.define('AM.view.metadata.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.metadatalist',
    title: '<center>Results</center>',
    store: 'Metadata', 
    requires: ['Ext.*'],    
    collapsible: true,
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',
        items: [
            { xtype: 'tbtext',  text: 'Loading...', itemId: 'recordNumberItem'  },
            '->',
            { text: 'Print', itemId: 'print' },
            '-',
            { text: 'Export', itemId: 'export' }
        ]
    }],
    initComponent: function() {
        this.columns = [
            {header: 'Technical Name',  dataIndex: 'TECH_NAME', flex: 4, tdCls: 'grid_cell'},
            {header: 'KBE ID', dataIndex: 'KBE_ID', flex: 2, tdCls: 'grid_cell'},
            {header: 'KBE Name', dataIndex: 'KBE_NAME', flex: 3, tdCls: 'grid_cell'},
            {header: 'View Name', dataIndex: 'VIEW_NAME', flex: 4, tdCls: 'grid_cell'},
            {header: 'Database/Schema', dataIndex: 'DB_SCHEMA', flex: 3, tdCls: 'grid_cell'},
            {header: 'Privacy', dataIndex: 'PRIVACY_INDICATOR', flex: 3, tdCls: 'grid_cell'}
        ];

        this.callParent(arguments); //Calls the parent method of the current method in order to override 


    }
});

这是我在 app.js 中实例化它的地方

{ xtype: 'metadatalist', padding: '5px 5px 5px 5px', height: 430, width: '100%', hidden: true}

我已经尝试过rowexpander插件，但我不确定我是否把它放在了正确的位置。如果有人看到危险信号或可以帮助我解决如何实现此行扩展器，我将不胜感激。我已经发布了好几次关于这个的帖子，到目前为止几乎没有得到任何帮助。我正在使用 Ext JS 4.1.1

谢谢！

4

2 回答 2

1

您需要在网格配置中有 rowexpander 插件，并且需要为行展开时显示的信息创建一个 XTemplate。您是否尝试过并遵循此示例？

http://docs.sencha.com/extjs/4.2.1/#!/example/grid/grid-plugins.html

于 2013-08-15T20:35:02.720 回答
0

As it turned out, I needed to set my Loader path so that it could find RowExpander.js. Here's what I did:

Ext.Loader.setPath('Ext.ux', 'extjs/examples/ux'); // change this for your environment

Ext.require([ 'Ext.ux.RowExpander' ]);
于 2013-08-16T17:20:17.060 回答