Print Page - Help about resizing inside layout

Title: Help about resizing inside layout
Post by: Pierre on September 09, 2013, 05:40:12 AM

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

Title: Re: Help about resizing inside layout
Post by: stworthy on September 09, 2013, 06:20:44 AM

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

Title: Re: Help about resizing inside layout
Post by: Pierre on September 09, 2013, 06:30:47 AM

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!

Title: Re: Help about resizing inside layout
Post by: stworthy on September 09, 2013, 08:08:10 AM

Try this.

Code:

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

Title: Re: Help about resizing inside layout
Post by: Pierre on September 09, 2013, 09:18:01 AM

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

Title: Re: Help about resizing inside layout
Post by: Pierre on September 09, 2013, 10:36:20 AM

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

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on September 09, 2013, 05:40:12 AM