Bug: Drag&Drop in Grid within TabStrip not working

1 Answer 23 Views
Grid TabStrip
Stefan
Top achievements
Rank 1
Iron
Stefan asked on 04 Apr 2024, 02:11 PM | edited on 05 Apr 2024, 06:03 AM

We're currently out of support. I don't know if Bug reports are being monitored here.

 

Please see REPL: https://netcorerepl.telerik.com/QekyEebS14OOdCp509

 

Problem: Drag&Drop of Row (Reorderable) not working because Grid inside TabStrip.

 

Mihaela
Telerik team
commented on 09 Apr 2024, 11:34 AM

Hello Stefan,

Thank you for your report.

We will discuss the case with the developers and I will follow up with more information regarding the matter.

Best,

Mihaela

1 Answer, 1 is accepted

Sort by
1
Accepted
Mihaela
Telerik team
answered on 09 Apr 2024, 08:04 PM

Hello Stefan,

The Drag and Drop functionality of the Grid rows does not work as expected when the Grid is initialized inside a hidden container (for example, a non-selected tab of a TabStrip). To overcome this behavior, I would suggest handling the "activate" event of the TabStrip when the page is loaded and calling the refresh() method of the Grid:

<script>
    $(document).ready(function(){
        var tabstrip = $("#tabStrip").data("kendoTabStrip");
        tabstrip.one("activate", function() {
          $("#activeProductsGrid").getKendoGrid().refresh();
        });
    });
</script>

Here is the updated REPL sample:

https://netcorerepl.telerik.com/QykokjFt52YTfE9d34

For more information on the Grid initialization inside hidden containers, refer to the following section in the documentation:

https://docs.telerik.com/aspnet-core/html-helpers/data-management/grid/appearance/hidden-containers

If any questions arise, please let me know.

 

Regards,
Mihaela
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages. If you're new to the Telerik family, be sure to check out our getting started resources, as well as the only REPL playground for creating, saving, running, and sharing server-side code.
Tags
Grid TabStrip
Asked by
Stefan
Top achievements
Rank 1
Iron
Answers by
Mihaela
Telerik team
Share this question
or