Issue while deleting child
Hi SyncFusion,
I'm currently facing several issues with the treeGrid component.
The first one is that the double click isn't working properly, some time i have to double click several times before the edit action start, and i don't see why.
Secondly, when i'm adding a new child row (you have to set weight first then do a select on the left), the name isn't set in the cell. I have created a setFractionText functions to add the id fom the select first but also to force the select text choosed but it partially works, sometimes the text get back to the original text.
You can also add a new row on the same level by changing percentage of the first created child row.
Thirdly, when i'm at this state :
And i click the checkbox, it will change the 'type' of the children row. For that i'm deleting the child row then add a new row to the parent. Unfortunately, when doing so the deleting doesn't seem to work properly because the hasChildRecords property is set to false but the childRecords still contains the previous line.
So it creates a mess :
Here the output in the console on the actionComplete methods after the delete :
One other thing i don't get is there is that the data that we can see in the action's methods are not always the same in the taskData (and what is the role of this taskData).
That why in the actionComplete i have to add this to be sure to have the proper weight and i think it's wrong. Please,if you can let me know why it's is like that.
let totalPercentageLevel = args.previousData === rowData.PoidsPourcentage ? rowData.taskData.PoidsPourcentage : rowData.PoidsPourcentage;
If i don't check the weight is different from the previous i get back with a wrong weight but not with the taskData weight...
You'll find the repository project in attachement.
I'm sorry to bother you with all that and if it's too much to ask, just say so.
Thanks for your time
Regards
SIGN IN To post a reply.
13 Replies
Hi Piedrot,
We appreciate your patience with us.
On further validation, we could see that you used the rowData variable obtained from the checkboxChange event in the finalChange method and that you used the same rowData variable to add action after the deleteRows method was called. Since the childRecords was not removed from rowData variable and this leads to the reported issue.
So, to overcome this we suggest you to empty the childRecords in rowData variable by checking the actionComplete args data. Refer to the below code example,
|
// method.js file
actionComplete: function (args) {
……………….
if( this.pendingAction ){
if (args.requestType === 'delete') {
this.pendingAction(args); // pass args to update the rowData on pendingAction method.
}
this.pendingAction = undefined;
}
},
// services.js file
finalChange: function ( answer, rowData) {
………………
if (answer) {
if (rowData.hasChildRecords && rowData.childRecords[0].TypeLigne === 'FR') {
………………………………..
this.pendingAction = (args) => {
rowData.FractionText = "New Child Added";
if(args.data[0].Key == rowData.childRecords[0].Key){ // check the primary key data here, use your primary key field name.
rowData.childRecords = []; // if record deleted then, empty the childRecords from rowData variable before passing it into addNewRecord method
}
this.addNewRecord(rowData, 'FR', 'Child', rowData.Poids, 100)
}
…………………
} else if (rowData.hasChildRecords && rowData.childRecords[0].TypeLigne === 'FM') {
………………………………
}
………………
},
|
Output
For your convenience, we have modified the shared sample refer to the link below.
Please get back to us, if you need further assistance. We will be happy to assist you.
Regards,
Manivannan Padmanaban
SIGN IN To post a reply.
