Extjs 如何为该网格提供可扩展行-Ext JS

Extjs 如何为该网格提供可扩展行-Ext JS,extjs,grid,Extjs,Grid,我已经尽了一切努力来给这个网格提供可扩展的行。这是我的密码: Ext.define('AM.view.metadata.List' ,{ extend: 'Ext.grid.Panel', alias: 'widget.metadatalist', title: '<center>Results</center>', store: 'Metadata', requires: ['Ext.*'], collapsib

我已经尽了一切努力来给这个网格提供可扩展的行。这是我的密码:

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 


    }
});
我已经尝试了rowexpander插件,但是我不确定我是否把它放在了正确的位置。如果有人看到危险信号或能帮助我实现这个rowexpander,我将不胜感激。关于这一点,我已经发布了好几次了,到目前为止,我几乎没有得到任何帮助。我正在使用ExtJS4.1.1


谢谢大家!

您需要在网格配置中使用rowexpander插件,并且需要为行展开时显示的信息创建一个XTemplate。你有没有试着效仿这个例子


您需要在网格配置中使用rowexpander插件,并且需要为行展开时显示的信息创建一个XTemplate。你有没有试着效仿这个例子


事实证明,我需要设置加载程序路径,以便它能够找到RowExpander.js。以下是我所做的:

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

Ext.require([ 'Ext.ux.RowExpander' ]);  

事实证明,我需要设置加载程序路径,以便它能够找到RowExpander.js。以下是我所做的:

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

Ext.require([ 'Ext.ux.RowExpander' ]);  

它给了我“TypeError:name是未定义的”,我已经尝试过很多次了,在我尝试放入行扩展器之前,一切都很好。我是否遗漏了Ext.requires?那么,您是否可以在不使用行扩展器的情况下将数据加载到网格中?是的,非常完美,它实际上是试图调用“ptype:”行扩展器“,这会破坏应用程序。您可以用插件定义和xtemplate显示完整的代码吗?另外,也请显示模型的代码。它给了我“TypeError:name未定义”,我已经尝试过很多次了。在我尝试放入行扩展器之前,一切都很好。我是否遗漏了Ext.requires?那么,您是否可以在不使用行扩展器的情况下将数据加载到网格中?是的,非常完美,它实际上是试图调用“ptype:”行扩展器“,这会破坏应用程序。您可以用插件定义和xtemplate显示完整的代码吗?也请显示模型的代码。