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 プラグインを試しましたが、正しい場所に配置したかどうかわかりません。誰かが赤い旗を見たり、この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 に答える