Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>(maybe it is best to split your question into multiple separate questions)</p> <p>Concerning your first question about the panel height and scrollbar:</p> <p>In your example I would ask myself the question "I want the treepanel to have a 100% height related to what?".</p> <p>A column layout is typically used when you don't care about the height of the child elements related to their parent: the sum of the height of the child elements define the height of the column as you can see here: <a href="http://docs.sencha.com/ext-js/4-1/extjs-build/examples/layout/column.html" rel="nofollow">http://docs.sencha.com/ext-js/4-1/extjs-build/examples/layout/column.html</a>.</p> <p>You did not define any height on the columns, so it uses the height of the child elements (which have no height in your example). I don't know what Ext does in this case, but based on this, it cannot do anything smart.</p> <p>If you want the treepanel to use the whole height of the containing panel, you would use a <strong>hbox</strong> layout with the align property set to <strong>stretch</strong>. That might fix the scrollbar too since height calculation can be done properly. Don't forget to remove the "height: 100%" and "autoscroll" properties since they mix things up.</p> <p>Finally, changing the layout of the treepanel to 'fit' might give you the result you are looking for.</p> <p>Your code might become something like:</p> <pre><code>{ xtype: 'panel', layout: { type: 'hbox', align: 'stretch' }, items: [{ xtype: 'treepanel', layout: 'fit', flex: 44, ... }, { flex: 6, ... },{ flex: 44, ... }] } </code></pre> <p>I did not test this answer on your code. Please provide a full working code sample (with a dummy store) and I'll test it.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload