ParamQuery grid support forum

General Category => Help for ParamQuery Grid (free version) => Topic started by: unbinara on September 08, 2023, 06:49:01 am

Title: [QA] TreeGrid - Drag & Drop
Post by: unbinara on September 08, 2023, 06:49:01 am

1. react 18 & pqgrid 9.0.1
2. Q&A
- https://paramquery.com/pro/demos/dnd_trees

(2-1) how to apply flat (only level 1) to right treegrid when nodes(exists parent) drag and drop to right treegrid
        - i don't know this, so i tried to change the right tree grid to nomal grid(there is drag and drop also)
          however, when i move(drag and dropt) to rigth nomal grid, nodes moved but data is now show...ㅠㅠ...

(2-2) when only use drag and drop, if i drag and drop to right grid, i can get changes data (add or delete)
        however, i can not get updated data from getchanges method when just drag and drop in left treegrid only (up and down drag)
       
        is that possible get updated data from getchanges , when just moved the same grid (up and down drag -> change level in same tree grid)
        if it is possible , how ?

Title: Re: [QA] TreeGrid - Drag & Drop -- more detail
Post by: unbinara on September 08, 2023, 11:03:52 pm

i can not explain above question..so, i create stackbiliz and capture..
https://stackblitz.com/edit/stackblitz-starters-u5bzil?file=src%2FApp.js

(1) i drag and drop from right to left => (picture 2 : move 3 rows but data is not show..)
(2) i drag and drop in only right (from up to down and changes parent) ==> but there is no updatelist.... (picture 3)

<picture 1>
1.png
<picture 2>
2.png
<picture 3>
3.png

Title: Re: [QA] TreeGrid - Drag & Drop
Post by: paramvir on September 11, 2023, 10:46:27 pm

1) Is it possible for you to complete the stackblitz implementation as per the screenshot.

2) getChanges doesn't capture reordering of nodes. There is an event moveNode which can be useful to sync the ordering of nodes in remote datasource.

https://paramquery.com/pro/api#event-moveNode

Title: Re: [QA] TreeGrid - Drag & Drop
Post by: unbinara on September 12, 2023, 09:56:35 pm

thanks for your reply.
However, i can not understand still
1) Is it possible for you to complete the stackblitz implementation as per the screenshot.

I tried addnodes, addrow or refresh after addnodes(addrow), even use this.data(..) after addnodes
In dropmodel ...but, i can not make to show the data on grid..
How to show data?

Title: Re: [QA] TreeGrid - Drag & Drop
Post by: paramvir on September 15, 2023, 06:05:15 pm

It's due to editable: false in lGridOption

It works fine after removing editable: false

https://stackblitz.com/edit/stackblitz-starters-1nptcz?file=src%2FApp.js

Please let me know if you have any other question related to it.