Drag and drop in Grid doesn't work
As stated in the title, I simply can't get the drag and drop feature to work properly. I created a squeaky clean .NET 6 Blazor WASM project, and after making a clean installation of Syncfusion Blazor, I replaced the entire Index.razor file with the first example I've copy pasted from this page:
https://blazor.syncfusion.com/documentation/datagrid/grouping
But when I execute it, although the grid works, the drag and drop grouping feature doesn't. I attach a video demonstration. I'm clicking the column and trying to drag it. Why is the group section not blue in my case, though?
Attachment: devenv_D4BVi0dyFu_936184a9.zip
|
[index.html]
<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> |
|
[Program.cs]
builder.Services.AddSyncfusionBlazor(options => { options.IgnoreScriptIsolation = true; }); |
Thank you Monisha, the issue was cleared.
Hi Monisha,
I face the same problem, but that solution won't work for me.
I found a different problem and "solution".
I saw in your sample application you are using version 19.4.0.56
Update de sample app to 20.1.0.58 gives the same problem, as well as
Dropping back my application from 20.1.0.58 to 19.4.0.56, it works.
I can see that there is a problem in 20.1.x.xx.
My application is build with the instructions of
https://blazor.syncfusion.com/documentation/datagrid/getting-started
Can you investigate and put is on de bug list when you have the same problem?
Easy, just build the example from the page above.
But thank you for the nice tools. Believe me, it is pleasure to work with, high quality, and rich in functionality.
Thumbs up to the team.
Dinand
Hi Dinand,
We suspect that you might have missed adding/including the breaking changes(from 20.1.0.47) in your application when upgraded to latest version. If so, then when using latest versions above 20.1.0.47, we suggest you to ensure to follow the breaking changes mentioned in the below release notes in your application.
https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes
Kindly ensure the above breaking changes and check this from your side.
Regards,
Renjith R
I'm using Syncfusion.Blazor 20.4.0.54, when I use the Drag and Drop within same grid. It has the following error in the browser:
blazor.webassembly.js:1
Uncaught (in promise) Error: System.ArgumentException: The call to 'ReorderRows' expects '10' parameters, but received '9'.
at Microsoft.JSInterop.Infrastructure.DotNetDispatcher.ParseArguments(JSRuntime jsRuntime, String methodIdentifier, String arguments, Type[] parameterTypes)
at Microsoft.JSInterop.Infrastructure.DotNetDispatcher.InvokeSynchronously(JSRuntime jsRuntime, DotNetInvocationInfo& callInfo, IDotNetObjectReference objectReference, String argsJson)
at Microsoft.JSInterop.Infrastructure.DotNetDispatcher.BeginInvokeDotNet(JSRuntime jsRuntime, DotNetInvocationInfo invocationInfo, String argsJson)
at Object.endInvokeDotNetFromJS (blazor.webassembly.js:1:3531)
at Object.Rt [as endInvokeDotNetFromJS] (blazor.webassembly.js:1:60673)
at Object.St [as invokeJSFromDotNet] (blazor.webassembly.js:1:60156)
at _mono_wasm_invoke_js_blazor (dotnet.6.0.15.om1cae7lrg.js:1:195300)
at 00971dfa:0x1a4c1
at 00971dfa:0xce8f
at 00971dfa:0xbd73
at 00971dfa:0xabef3
at 00971dfa:0x6fcb4
at 00971dfa:0x70321
Hi Wilton,
Greetings from Syncfusion.
Before proceeding further with your requirement we need some more clarifications from your end. kindly share the below details to proceed further at our end.
- Share us the entire Grid code snippet.
- Share us an video demonstration of the issue.
- Share with us whether you are facing issue with Blazor server/WASM application.
- If possible kindly share us an simple issue reproduceable sample.
- Share us whether you are facing the same issue with the below sample also
https://blazor.syncfusion.com/documentation/datagrid/row-drag-and-drop#drag-and-drop-within-grid
Above requested details will be very helpful in validating the reported query at our end and provide solution as early as possible.
Regards,
Monisha
Hi! My syncfusion component works perfectly but when I add a property type of Usuario to my class the drag and drop stops working. I attach the code below:
public class TasksModel
{
public int Id { get; set; }
public string Title { get; set; }
public string Status { get; set; }
public string Summary { get; set; }
public Usuario Assignee { get; set; }
}
public void GetTareas()
{
foreach(var tarea in Data)
{
Tasks.Add(ConvertTareas(tarea));
}
}
public TasksModel ConvertTareas(ITarea tarea)
{
TasksModel task = new TasksModel();
task.Id = tarea.Id;
task.Summary = tarea.Summary;
task.Status = tarea.Status;
task.Title = tarea.Title;
task.Assignee = tarea.Assignee;
return task;
}
If I comment the lines
public Usuario Assignee { get; set; } and
task.Assignee = tarea.Assignee; it works perfectly.
Note that my Kanban component doesn´t jave any configuration, is vanilla. Im using XAF 23 .NET 6.
Thanks for your time!!
