Drag and drop between childGrid and other grid

Question

Hello everyone,i'm facing an issue when i'm trying to drag and drop a row from a child grid.My requirement is the following. I want to drag a row from a child grid and drop it on another grid (let's name it "secondGrid") . When i try it , it seem like the row that i dragged  can't even cross the child grid. Here a picture of what i want to achieve and the issue i'm facing.what i want to achieve the tootltip row can't cross the childGrid

Pavithra Subramaniyam · Answer

Hi Jaden,To drag and drop the rows to other grid you need to set the “rowDropSettings.targetID”
property. Please refer to the below code example and API link for more
information.

public childGrid: any = {
      allowRowDragAndDrop: true,
      rowDropSettings: { targetID: 'DestGrid' },
      .   .   .
    };

https://ej2.syncfusion.com/angular/documentation/api/grid/rowDropSettingsModel/#targetidPlease get back to us if you need further assistance.Regards,Pavithra S

Jaden Dumber · Answer

Hello

Pavithra ,Thank's for the quick reply and help. That's exactly what i did , i was able to drag and drop a row from childGrid to the destGrid but like i said there is a "css" problem with the tootlip object (refer to the second picture of the first post). Also I got an issue when i try to drag a row from the destGrid and added only on a childGrid. Just bellow, the sample of i did. https://stackblitz.com/edit/angular-o1mnxk-zjvs7s?file=app.component.ts,app.component.html Regards, Jaden.

Joseph Christ Nithin Issack · Answer

Hi Jaden,  Sorry for the late
reply,   Currently we are
validating your query, we will provide further details on or before 23rd
August 2022. We appreciate your patience until then.Regards,Joseph I.

Jaden Dumber · Answer

Hello,I come back in the hope of having help with the issue stated above please. I finally managed to drag a row from a childGrid to another grid , using the method add and delete row from a grid.But i'm still having a problem with the css result , the row can't cross the child grid properly.Regards.

Nithya Sivaprakasam · Answer

Hi Jaden,Currently, we are checking this query at the source level. So we need time to validate at our end. We will update further details on September 1, 2022. Until then, we appreciate your patience.Regards,Nithya S

Nithya Sivaprakasam · Answer

Hi Jaden,Thanks for your patience.We have confirmed that the
reported behavior is an issue from our side and
logged this as a “CSS
problem occurs when drag and drop between child grid and other grid”. Thank you for taking the time to report
this issue and helping us improve our product. At
Syncfusion, we are committed to fixing all validated defects (subject to
technical feasibility and Product Development Life Cycle ) and will
include the defect fix in our upcoming patch release which will be rolled out
on September 14th, 2022.You can now track the current status of your request, review
the proposed resolution timeline, and contact us for any further inquiries
through the below link,Feedback: https://www.syncfusion.com/feedback/37463/css-problem-occurs-when-drag-and-drop-between-child-grid-and-other-gridDisclaimer: The inclusion of this solution in
the weekly release may change due to other factors including but not limited to
QA checks and works reprioritization.Regards,Nithya Sivaprakasam.

Nithya Sivaprakasam · Answer

Hi Jaden,Due to some complexities, we could not include the fix for
(“CSS problem occurs when drag and drop between child grid and other grid”)
this issue as promised. We are currently working on it with high priority and
will include it in our first patch release after volume 3 main release which is
scheduled to be rolled out by October 5th, 2022.We apologize for the inconvenience caused and appreciate
your patience until then.Regards,Nithya Sivaprakasam.

Joseph Christ Nithin Issack · Answer

Hi Jaden,Due to some complexities, we could not include the fix for
(“CSS problem occurs when drag and drop between child grid and other grid”)
this issue as promised. We are currently working on it with high priority and
will include it in our patch release which is scheduled to be rolled out by
October 26th, 2022.We apologize for the inconvenience caused and appreciate
your patience until then.Regards,Joseph I.

Joseph Christ Nithin Issack · Answer

Hi Jaden,We appreciate your patience.We are glad to announce that fix for the issue “CSS problem occurs when drag and drop
between child grid and other grid” has been rolled out in our
weekly patch release. We request you to
update to the version "20.3.50" to resolve the problem.Release
notes link:- https://ej2.syncfusion.com/documentation/release-notes/20.3.50/?type=all#gridPlease get
back to us if you need any further assistance.Regards,Joseph I.