AutoCheck property (with showCheckBox and allowDragAndDrop)

[aim Systems]

When showCheckBox and allowDragAndDrop are set to true in the treeview component,

the autoCheck property does not work properly.

Sample Source 

<template>

  <ejs-treeview

        id="'treeview'"

        :fields="fields"

        :allowDragAndDrop="true"

        :autoCheck="true"

        :showCheckBox="true"

    >

    </ejs-treeview>

</template>

<script>

import { TreeViewComponent } from "@syncfusion/ej2-vue-navigations";

export default {

    name: "treeview",

    components: {

        "ejs-treeview": TreeViewComponent,

    },

    props: { },

    data() {

        return {

            fields = {

                dataSource: [

                    { id: 1, name: "Australia", hasChild: true },

                    { id: 2, pid: 1, name: "New South Wales" },

                    { id: 3, pid: 1, name: "Victoria", isChecked: true },

                    { id: 4, pid: 1, name: "South Australia" },

                    { id: 6, pid: 1, name: "Western Australia" },

                    { id: 7, name: "Brazil", hasChild: true },

                    { id: 8, pid: 7, name: "Paraná" },

                    { id: 9, pid: 7, name: "Ceará" },

                    { id: 10, pid: 7, name: "Acre" },

                    { id: 11, name: "China", hasChild: true, isChecked: true },

                    { id: 12, pid: 11, name: "Guangzhou" },

                    { id: 13, pid: 11, name: "Shanghai" },

                    { id: 14, pid: 11, name: "Beijing" },

                    { id: 15, pid: 11, name: "Shantou" },

                    { id: 16, name: "France", hasChild: true },

                    { id: 17, pid: 16, name: "Pays de la Loire" },

                    { id: 18, pid: 16, name: "Aquitaine" },

                    { id: 19, pid: 16, name: "Brittany" },

                    { id: 20, pid: 16, name: "Lorraine" },

                    { id: 21, name: "India", hasChild: true },

                    { id: 22, pid: 21, name: "Assam" },

                    { id: 23, pid: 21, name: "Bihar" },

                    { id: 24, pid: 21, name: "Tamil Nadu" },

                    { id: 25, pid: 21, name: "Punjab" },

                ],

                id: "id",

                text: "name",

                parentID: "pid",

                hasChildren: "hasChild",

                expanded: "expanded",

                isChecked: "isChecked",

            }

        };

    },

    methods: { },

};

</script>

Result : Attachment

Attachment: 20231013_10_45_01_d01f62d2.zip

[Muthukrishnan Kandasamy]

Hi Aim,

We have validated your reported problem in Syncfusion Vue TreeView component. We were able to replicate the reported issue and considered this as bug on our end. The fix for this issue will be included in the first weekly patch release of November which is expected to be on 7^th November 2023.

You can track the status of the fix through the following link.

Feedback : https://www.syncfusion.com/feedback/47740/treeview-checkbox-status-not-updated-properly-after-drag-and-drop-the-node

Disclaimer: 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,

Muthukrishnan K

[aim Systems]

HI, Muthukrishnan K.

First of all, thank you for patching the bug after confirming the problem.

However, there is one more thing I would like to request.

I am currently using ej2-vue-navigations ~22.2.8.

The bug patch is released to "23.1.41".

Will it also be released for version 22.x.x ?

If not, please release the bug patch to version 22.x.x as well.

[aim Systems]

HI, Muthukrishnan K.

First of all, thank you for patching the bug after confirming the problem.

However, there is one more thing I would like to request.

I am currently using ej2-vue-navigations ~22.2.8.

The bug patch is released to "23.1.41".

Will it also be released for version 22.x.x ?

If not, please release the bug patch to version 22.x.x as well.

[SureshRajan Alagarsamy]

Hi Aim,

Thanks for your patience.

As mentioned, we are sharing the Nexus packages in the mentioned version 22.2.8 that address the issue you raised in the TreeView component.

For your reference, we have attached Nexus packages and TreeView sample.

Nexus Packages :

https://www.npmjs.com/package/@syncfusion/ej2-navigations/v/22.2.8-184993

https://www.npmjs.com/package/@syncfusion/ej2-vue-navigations/v/22.2.8-184993

TreeView Sample : Attached as zip folder

Check out the shared details and get back to us if you need any further assistance.

Regards,

Suresh.

Attachment: VueTreeView_1f0504f2.zip