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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -