extjs - How can I give this grid expandable rows? -Ext JS -
i have tried give grid expandable rows. here's code:
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 parent method of current method in order override } });
and here's instantiate in app.js
{ xtype: 'metadatalist', padding: '5px 5px 5px 5px', height: 430, width: '100%', hidden: true}
i have tried rowexpander plugin, i'm not sure if put in right place. if sees red flag or can me out how implement rowexpander, appreciate it. i've posted several times this, , far have received little no help. i'm using ext js 4.1.1
thank you!
you need have rowexpander plugin in grid configuration , need create xtemplate information presented when row expanded. did try , follow example?
http://docs.sencha.com/extjs/4.2.1/#!/example/grid/grid-plugins.html
Comments
Post a Comment