[SOLVED] Drag/Drop and onBeforeLoad

[Pierre]

Hello
I have this code::

Code:

	<script type="text/javascript">
		var data = [{... some data}]
  	function    loadData(){
  	  $('#aa').treegrid('loadData',data);  
  	}
	</script>
                
  <!-- Load data button -->
  <a href="#" onclick="loadData();" class="easyui-linkbutton" >Load</a>

	<table id="aa" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:400px"
			data-options="
				animate: true,
				idField: 'id',
				treeField: 'name',
				onBeforeLoad: function(row,data){
					$(this).treegrid('enableDnd', row?row.id:null);
				}
			">
		<thead>
			<tr>
				<th data-options="field:'name'" width="80%">Name</th>
				<th data-options="field:'size'" width="10%" align="right">Size</th>
				<th data-options="field:'date'" width="10%">Modified Date</th>
			</tr>
		</thead>
	</table>

when I click on "Load" button, data is loaded, but Drag/Drop does not work.
When I use onLoadSuccess instead of onBeforeLoad, it works but then I can not drop on empty treegrid.
Any solution for this - to be able to drop on empty treegrid and to use enableDnd ?
Thank you

[jarry]

You need to call 'enableDnd' method after creating the empty treegrid, or call this method again after loading data successfully. Please look at this code.

Code:

$('#aa').treegrid({
	onLoadSuccess: function(){
		$(this).treegrid('enableDnd');
	}
});
$('#aa').treegrid('enableDnd');

[Pierre]

OK solved that, I did not called 'enableDnd' after data loaded, thank you for that, but there is some bug - I attached complete code and image, please do this:
1. Click on Load button to load both treegrid's
2. Click on 'bbb' Tab
3. Click on ** ALL ** record and drag it to 'java.exe' and drop it there.. Where is the record? You can see it if you click on tab 'aaa' - it is there, as last record ...

[jarry]

Please try to download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4.5-patch.zip.

[Pierre]

Hello
just found another bug (it can be reproduced on same source I send in previous post):
1. Click on Load button
2. Select Tab 'bbb'
3. Click once on 'java.exe' (see image below)
4. Click on ***ALL*** record and drag it over 'java.exe' - you will see it is not possible to drop it on 'java.exe'

[Pierre]

Please try to download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4.5-patch.zip.

Awesome, this works great, but in the meantime I posted new reply (regarding click on item).
Thank you!

[jarry]

Please download the updated 'treegrid-dnd.js' file from http://www.jeasyui.com/extension/treegrid_dnd.php

[Pierre]

Thank you so much, it works perfect.