EasyUI Forum
April 19, 2024, 01:59:13 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Drag/Drop and dragSelection  (Read 14033 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: November 28, 2016, 04:19:07 AM »

Hello
I'm using drag/drop between 2 datagrids and there is a problem when using dragSelection in combination with "itemId"
Whole example is here:
http://code.reloado.com/oeasyrik1/60/edit

Please just change this part:
<script type="text/javascript" src="/scripts/datagrid-dnd.js"></script>
because I don't know where it is stored on your server.

When I remove itemId, then it works but I need it after I dropped selected records.
Thank you.
« Last Edit: December 03, 2016, 11:19:00 AM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: November 28, 2016, 05:07:33 PM »

Your two datagrid components use the same data, so the dnd actions on them haven't normal behavior. Please look at this updated example, it works fine.
http://code.reloado.com/oeasyrik1/61/edit
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: November 28, 2016, 11:58:16 PM »

Hello Jarry
thank you for your support but it still does not work for me.
Just select 2 records on first table and try it to drop on second table.
I also created small video https://www.dropbox.com/s/43uhku52bda5iyb/test.zip?dl=0
where you can see how I test.
Thank you.
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #3 on: November 29, 2016, 05:21:12 AM »

Please try to download the 'datagrid-dnd.js' file from http://www.jeasyui.com/extension/datagrid_dnd.php
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #4 on: November 29, 2016, 05:58:16 AM »

Yes it works perfect. Awesome.
Thank you so much.
There is still some cosmetic thing: if you take a look at small video here:
https://www.dropbox.com/s/fr11etzge6ffl2b/test1.zip?dl=0
you can see what I mean.

Basically, the red line does not go away after drop is finished (sometime) so if you can take a look at this, it will be great.
Thank you again.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #5 on: November 30, 2016, 06:15:59 AM »

Hello Jarry
while you fixing "red line" from previous post, I found some additional problem.
Please try this example:
http://code.reloado.com/oeasyrik1/67/edit
and select first and last record (using Shift+Click) so that all 12 records are selected from first datagrid.
Then drag those records and drop them into datagrid below.
You will see what I mean.
Thank you.
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #6 on: November 30, 2016, 08:01:16 AM »

Please download the 'datagrid-dnd.js' file from http://www.jeasyui.com/extension/datagrid_dnd.php.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #7 on: November 30, 2016, 12:54:52 PM »

Awesome, you are the man  Grin  thank you so much!
Any chance to solve "red line" problem?
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #8 on: December 02, 2016, 04:13:20 AM »

Any way to integrate some "refresh" or something after drop because those "red lines" make me a real problem - see image
Thank you.
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #9 on: December 03, 2016, 08:13:34 AM »

Please try to download the 'datagrid-dnd.js' file from http://www.jeasyui.com/extension/datagrid_dnd.php, you also can call 'clearInsertingFlag' method to clear the 'red lines' flag.
Code:
$(dTarget).datagrid('clearInsertingFlag');
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #10 on: December 03, 2016, 11:18:37 AM »

Thank you so much. Yes it looks very professional now.
Thank you  Grin
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!