PDA

View Full Version : Different high of single filtered row in grid panel



StudentDaniel
27 May 2014, 6:10 PM
Hi all :-)

I was trying to manage by this thread

(http://www.sencha.com/forum/showthread.php?136565-How-to-set-the-row-height-for-grid)... but maybe I am not experienced enough ...

I use the RowExpander-Plugin and am filtering the Store for clicked row when expanding.

By this I want to add an new high to this expanded row.

Because it should be reusable code within an UX I need to find a way to change height triggered by events collapsebody and expandbody ...

In my opinion I should do this by finding out the element and use setHight(200) followed by doLayout() ...

I do not understand, why height is 66px and doesn't change?


<div id="gridpanel-1009-body"
class="x-panel-body x-grid-body x-panel-body-default
x-layout-fit x-panel-body-default"
style="width: 1094px;

height: 66px;

left: 0px; top: 47px; ">...</div>

Maybe someone can give me and idea where is my problem of thinking :-)

Also it would be enough to know how to change the default height of a row when expanded ?
Is there a special class ?
What is the best practice to change/override default css classes from the point of view as an UX ...
(reusable)

StudentDaniel
29 May 2014, 5:39 PM
What is the best practice to change/override default css classes from the point of view as an UX ...


nobody there can answer this :)

StudentDaniel
30 May 2014, 4:31 PM
solution is very easy ;-)



panel.view.on('expandbody', function(a,b,c){
var panelid = this.panel.id;
Ext.getCmp(panelid).doLayout();
}

so it isn't necessary to override or add a class.
But I am still interested how could I change the style on demand?
Or what is the best practice ?
Maybe someone can give a short example based on my posted solution. :)