extjs - Duplicated header on click on toggle panel extjs4 -
i have problem collapsible panels. have toolbar on top toggle icon if click on panel's header expand , header duplicated. if click on toggle button collapse duplicated header collapsed. here's code:
ext.define('pollini.ricercatarghe', { extend: 'ext.panel.panel', title: '<center>ricerca per targa</center>', collapsed: true, region: 'north', id: 'ricercatarghe', height: 255, layout: 'border', initcomponent: function(){ var me = this; ext.applyif(me, { items: [ searchtarga, ristarghe ], tools: [ { type: 'toggle', handler: function(){ me.togglecollapse(true); } } ], listeners: { expand: function(){ /* stuff */ } } }); me.callparent(arguments); } });
here's image
i have tried one. don't know why occurs upon rendering panel collapsed panel. did give timer 1 second or couple millisecond called togglecollapse().
something this:
members.togglecollapse(); // collapse panel // timeout expand given time settimeout(function(){ accesspanel.togglecollapse(); members.togglecollapse(); }, 800}
fortunately duplicate header went away. said dont know why specifics worked me. give try.
Comments
Post a Comment