Copy row in kendo TreeList in ASP.NET MVC

[Kripal]

Hi All,

We're using telerik kendo treelist for the application. we need functionality like if we click on Copy data button then it will clone the selected row along with data. We've tried to find copy functionality but we're not able to do it. so we have add custom button ("Copy Data"). 

Please let us know if there is any other way to achieve this functionality.

adding button "Copy Data"  in toolbar:

.Toolbar(tb =>
    {     
            tb.Custom().Name("Copy").Text("Copy Data");        
    })

"Copy Data" button click event:

$('.k-button-text').click(function () {
        alert('clicked');
        debugger
        var treeList = $("#TeamTreeList").data("kendoTreeList");
        var row = treeList.select();
        if (row.length > 0) {
            var data = treeList.dataItem(row);
            console.log(data.RoleName); 
        }
    });

 

 

 

[Anton Mironov]

Hello Kripal,

Thank you for the code snippets, the image, and the details provided.

Yes, you are totally correct - I confirm this is the recommended approach to achieve the copy functionality.

 

Kind Regards,
Anton Mironov
Progress Telerik

[Kripal]

Hi Anton,

We need code for copy data button click event. Could you please provide sample code for clone/copy row and paste after selected row. 

Regards,
Kripalsinh

[Anton Mironov]

Hi Kripal,

In order to achieve the desired behavior, for the copy part, I would recommend using the approach from the following article:

• https://docs.telerik.com/kendo-ui/knowledge-base/treelist-copy-selection

Here is a dojo example:

• https://dojo.telerik.com/@anton.mironov/osEwuled

Best Regards,
Anton Mironov