Results 1 to 3 of 3

Thread: Make row expanded element ie extjs grid and chart resizable on window resize

  1. #1
    Sencha User
    Join Date
    Mar 2017
    Posts
    11

    Default Make row expanded element ie extjs grid and chart resizable on window resize

    have used rowExpander plugin in extjs grid on expand of each row 1 property grid with details of row selected and chart is rendered in the div of rowBodyTpl. I want to resize both the elements on window(browser) resize. ` My parent grid is like this with rowexpander
    var grid =Ext.create('Ext.app.CustomizedGridPanelv2',{
    width
    :'100%',
    overflowY
    :'auto',
    flex
    :1,
    store
    :this.gridStore,
    plugins
    :[{
    pluginId
    :'expander',
    ptype
    :'rowexpander',
    expandOnDblClick
    :false,
    expandOnEnter
    :false,
    rowBodyTpl
    :'<div id="{someId}'+this.id +'"></div>'
    }],
    viewConfig
    :{
    stripeRows
    :true,
    deferEmptyText
    :false,
    emptyText
    :" No detailsfound."
    },
    columns
    :[{ columns needed}]});On expand i create a panel and render to the div
    grid.getView().addListener('expandbody',function(_rowNode, _rec, _expandedHTML){

    var panel =Ext.create('myPanel',{
    srcPanel
    : me,
    srcRecord
    : _rec,
    srcDiv
    : _rec.get('someId')+ me.id
    });

    panel
    .render(_rec.get('someId')+ me.id);


    grid
    .doLayout();
    });My panel will contain property grid and chart which are the items of extjs panel ` my parent grid get resized on window resize but the expanded elements get truncated. Is there any way to resize them with browser. Thanks.

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Are the expanded elements collapsing or just not getting displayed in entirety? If the latter, is it cutting vertically or horizontally?

  3. #3
    Sencha User
    Join Date
    Mar 2017
    Posts
    11

    Default

    Quote Originally Posted by Gary Schlosberg View Post
    Are the expanded elements collapsing or just not getting displayed in entirety? If the latter, is it cutting vertically or horizontally?
    They are cutting from both side horizontally and vertically.

Similar Threads

  1. Cannot resize tab width nor make the tabs resizable
    By gui0506 in forum Sencha GXT 3.1
    Replies: 0
    Last Post: 2 Feb 2015, 1:38 PM
  2. Replies: 5
    Last Post: 8 May 2013, 5:58 AM
  3. Replies: 1
    Last Post: 28 Jul 2011, 7:07 AM
  4. Replies: 3
    Last Post: 19 Jun 2009, 1:23 AM
  5. Window resize when Fieldset expanded.
    By InOttawa in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 15 May 2008, 3:57 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •