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

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!
 

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

- problem was on another part of code.

Hi all
I have some problem (but not always) - please see image.
It is some simple treerid and it have event:
data-options="onClickRow:onClickMemberType"
which I use to track clicks.
What I can do?
Thanks.

- problem was on another part of code.

Anybody, please?

Hello
I saw datagrid-dnd.js (for datagrid drag/drop) : http://www.jeasyui.com/forum/index.php?topic=625.0
Drag/drop works fine, but when I click on row, it produces some kind of animation, like drag is cancelled (see attached image).
Same is here (on treegrid example) : http://jsfiddle.net/tjdG7/116/

How to disable this animation on mouse click?
Thanks.

It works perfect, thank you!

Hi all
I have some date field on my form.
if I use input class="easyui-datebox" on the form, value of that filed is not updated.
If I use input class="easyui-validatebox" instead, everything woks fine.
Any idea why ?

Here is the code:

Code:

function			saveCalendarTask()
{
  $('#form_task_calendar').form('submit',
    {
      onSubmit: function()
      {
        return $(this).form('validate');
      },
      success: function(result){
      if (result.substring(0,5) == "Error")
        $.messager.alert('Info',result,'error');
      else
     	  { 
          $('#dlg_calendar_task_edit').dialog('close');
        	title = $('#task_title').val();
         	start = $('#task_start_date').val()+" "+$('#task_start_time').val();
   alert(start);  // here I have old date if I use input class="easyui-datebox"
          if ($('#task_operacija').val()==1)
          {
          	calendar_add(id,title,start,end,ccolor);
          }
        }
      }
    });
}

Thanks!

Hello all
I have this code:

function  myfunc()
{
  func1();
  func2();
  func3(); 
}

I need that func2 run after func1 finished, and func3 should run when func2 is finished.
They are executed as 1,2,3 but they are not finished on that order (for example, func2 is slow and it is not returned, but func3 is already executed.
Question is - how to run those functions so that I'm sure that next function is executed only when previous function is finished?

Thanks.

OK looks like Layout is perfect solution for both questions.

Hello all
I need to put two datagrids side by side.
Any example?

Additional, when I create grid, is it possible to define fixed width and dynamic height?
I need to put the grid inside some layout and when user resize layout height, I want that my grid also resize their height and width should stay fixed.
Thanks.

Hello
does somewhere exists something for IE like Firebug for Firefox?
I found some Firebug lite but I can not/ I don't know how to install it.
I try to use internal IE debugger but above code make crash (GPF) before it show why is crashed .. 

I found that IE10 crashes on this line:

$('#dlg_member_type_edit').dialog('close');

any idea why?
Thanks.

Hi all
I have this simple code, executed under Save button:

Code:

function saveMemberType()
{
  $('#form_member_type').form('submit',
    {
      onSubmit: function()
      {
        return $(this).form('validate');
      },
      success: function(result){
      if (result.substring(0,5) == "Error")
        $.messager.alert('Info',result,'error');
      else
     	  { 
          $('#dlg_member_type_edit').dialog('close');
          $('#member_type').treegrid('reload');
        }
      }
    });        
}

It works perfect under Chrome, Firefox and Internet Explorer 9, but under IE10 it crashes :

Problem signature:
  Problem Event Name:   APPCRASH
  Application Name:   IEXPLORE.EXE
  Application Version:   10.0.9200.16618
  Application Timestamp:   51b2f318
  Fault Module Name:   MSHTML.dll
  Fault Module Version:   10.0.9200.16618
  Fault Module Timestamp:   51b30064
  Exception Code:   c0000005

Any idea why?