Help about resizing inside layout

[Pierre]

Hi all
If I declare some treegrid inside layout, resizing works fine and table is placed inside the west layout :

Code:

  <div id="members_tree_layout" class="easyui-layout" data-options="fit:true">
    <div data-options="region:'west',split:true" title="Member type" style="width:250px;padding:1px;">
      <table id="member_type" class="easyui-treegrid" fitcolumns="true" idField="id" treeField="name" url="json/member_type.json" fit="true">
        <thead>
	  <tr>
	    <th data-options="field:'name'" width="200px">Name</th>
	  </tr>
	 </thead>
     </table>
    </div>  
  </div>  

but if I declare DIV instead of table, like this:

Code:

  <div id="members_tree_layout" class="easyui-layout" data-options="fit:true">
  	<div data-options="region:'west',split:true" title="Member type" style="width:250px;padding:1px;">
      <div id="members_tree_html_west"></div>
    </div>  
  </div>  

then resizing does not work, ie: treegrid stays on their size - see image.

Why is that different and how to "tell" the grid that it should follow layout panel size?
Thanks

[stworthy]

Please provide some code to show how to declare treegrid in 'members_tree_html_west' element.

[Pierre]

Hello
here is the code which I use in the members_tree_html_west DIV :

Code:

<table id="member_type" class="easyui-treegrid" fitcolumns="true" idField="id" treeField="name" url="json/member_type.json" fit="true">
  <thead>
    <tr>
      <th data-options="field:'name'" width="200px">Name</th>
    </tr>
   </thead>
</table>

when I use above code instead of <div id="members_tree_html_west"></div> - everything works perfect.
If I use <div id="members_tree_html_west"></div> and use this code to "populate" DIV:
  $('#members_tree_html_west').html(data);
  $.parser.parse('#members_tree_html_west');

where "data" contains above code - it does not work
Thanks!
 

[stworthy]

Try this.

Code:

<div id="members_tree_html_west" class="easyui-panel" fit="true"></div> 

[Pierre]

Thanks, but it does not work.
Actually, it does not show grid (see image).

[Pierre]

stworthy it works perfect, thanks man.
my mistake, sorry!