Rank 1
Iron
Hi,
hopefully, someone reads my finding.
I already posted the issue in ASP.NET Core forum.
https://www.telerik.com/forums/bug-drag-drop-in-grid-within-tabstrip-not-working
However, I like to repost it here.
Problem description:
When inside a tabstrip the grid loses the ability to reorder rows.
Example
See dojo: https://dojo.telerik.com/UcEJiSaj
Screenshot
it's impossible to drop the dragged row
1 Answer, 1 is accepted
Hello Stefan,
Please take a look at the second example in the Knowledge Base article linked below where a suitable approach for having a Grid with reorderable rows enabled inside a TabStrip is demonstrated:
- https://docs.telerik.com/kendo-ui/knowledge-base/initiliaze-grid-in-tabstrip
//apply the activate event, which is thrown only after the animation is played out
tabstrip.one("activate", function() {
var grid = $("#grid").kendoGrid({
dataSource: {
data: products,
pageSize: 5
},
height: 200,
reorderable: {
rows: true
},
scrollable: true,
columns: [
"ProductName",
{ field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
{ field: "UnitsInStock", title: "Units In Stock", width: "130px" },
{ field: "Discontinued", width: "130px" }
]
}).data("kendoGrid");
});I hope this helps.
Regards,
Neli
Progress Telerik
Rank 1
Iron
Hi Neli,
thanks for you reply. You are right, the issue was with initializing the grid.