1. Home
  2. Forum
  3. Blazor
  4. Sorting not working

Sorting not working

I took this code, which is from the kanban documentation page, to check how the sorting function works. For some reason, when I drag a card to another column, it hangs.

@using Syncfusion.Blazor.Kanban;

 TValue="TasksModel" KeyField="Status" DataSource="Tasks">
    
         HeaderText="Backlog" KeyField="@(new List() {"Open"})">
         HeaderText="In Progress" KeyField="@(new List() {"InProgress"})">
         HeaderText="Testing" KeyField="@(new List() {"Testing"})">
         HeaderText="Done" KeyField="@(new List() {"Close"})">
    
     ContentField="Summary" HeaderField="Title">
        
    
     SortBy="SortOrderBy.Index" Field="RankId">


@code {
    public class TasksModel
    {
        public string Id { get; set; }
        public int ListId { get; set; }
        public string Title { get; set; }
        public string Status { get; set; }
        public string Summary { get; set; }
        public string Type { get; set; }
        public string Priority { get; set; }
        public List CardTags { get; set; }
        public string Tags { get; set; }
        public double Estimate { get; set; }
        public string Assignee { get; set; }
        public int RankId { get; set; }
        public string Color { get; set; }
        public string Value { get; set; }
        public string OrderID { get; set; }
        public string Size { get; set; }
        public string ImageURL { get; set; }
        public string Description { get; set; }
        public string Category { get; set; }
        public string Price { get; set; }
        public string AssigneeKey { get; set; }
        public List ClassName { get; set; }
    }

    public List Tasks = new List()
        {
            new TasksModel { Id = "Task 1", Title = "Task  - 29001", Status = "Open", Summary = "Analyze the new requirements gathered from the customer.", Type = "Story", Priority = "Low", CardTags = new List() { "Analyze", "Customer" }, Estimate = 3.5, Assignee = "Nancy Davloio", AssigneeKey = "Nancy Davloio", RankId = 1, Color = "#8b447a", ClassName = new List() { "e-story", "e-low", "e-nancy" } },
            new TasksModel { Id = "Task 2", Title = "Task  - 29002", Status = "InProgress", Summary = "Improve application performance", Type = "Improvement", Priority = "Normal", CardTags = new List() { "Improvement" }, Estimate = 6, Assignee = "Andrew Fuller", AssigneeKey = "Andrew Fuller", RankId = 1, Color = "#7d7297", ClassName = new List() { "e-improvement", "e-normal", "e-andrew" } },
            new TasksModel { Id = "Task 3", Title = "Task  - 29003", Status = "Open", Summary = "Arrange a web meeting with the customer to get new requirements.", Type = "Others", Priority = "Critical", CardTags = new List() { "Meeting" }, Estimate = 5.5, Assignee = "Janet Leverling", AssigneeKey = "Janet Leverling", RankId = 2, Color = "#27AE60", ClassName = new List() { "e-others", "e-critical", "e-janet" } },
            new TasksModel { Id = "Task 4", Title = "Task  - 29004", Status = "InProgress", Summary = "Fix the issues reported in the IE browser.", Type = "Bug", Priority = "Release Breaker", CardTags = new List() { "IE" }, Estimate = 2.5, Assignee = "Janet Leverling", AssigneeKey = "Janet Leverling", RankId = 2, Color = "#cc0000", ClassName = new List() { "e-bug", "e-release", "e-janet" } },
            new TasksModel { Id = "Task 5", Title = "Task  - 29005", Status = "Testing", Summary = "Fix the issues reported by the customer.", Type = "Bug", Priority = "Low", CardTags = new List() { "Customer" }, Estimate = 3.5, Assignee = "Steven walker", AssigneeKey = "Steven walker", RankId = 1, Color = "#cc0000", ClassName = new List() { "e-bug", "e-low", "e-steven" } },
            new TasksModel { Id = "Task 6", Title = "Task  - 29007", Status = "Testing", Summary = "Validate new requirements", Type = "Improvement", Priority = "Low", CardTags = new List() { "Validation" }, Estimate = 1.5, Assignee = "Robert King", AssigneeKey = "Robert King", RankId = 1, Color = "#7d7297", ClassName = new List() { "e-improvement", "e-low", "e-robert" } },
            new TasksModel { Id = "Task 7", Title = "Task  - 29009", Status = "Testing", Summary = "Fix the issues reported in Safari browser.", Type = "Bug", Priority = "Release Breaker", CardTags = new List() { "Fix", "Safari" }, Estimate = 1.5, Assignee = "Nancy Davloio", AssigneeKey = "Nancy Davloio", RankId = 2, Color = "#cc0000", ClassName = new List() { "e-bug", "e-release", "e-nancy" } },
            new TasksModel { Id = "Task 8", Title = "Task  - 29010", Status = "Close", Summary = "Test the application in the IE browser.", Type = "Story", Priority = "Low", CardTags = new List() { "Review", "IE" }, Estimate = 5.5, Assignee = "Margaret hamilt", AssigneeKey = "Margaret hamilt", RankId = 3, Color = "#8b447a", ClassName = new List() { "e-story", "e-low", "e-Margaret" } },
            new TasksModel { Id = "Task 9", Title = "Task  - 29011", Status = "Testing", Summary = "Validate the issues reported by the customer.", Type = "Story", Priority = "High", CardTags = new List() { "Validation", "Fix" }, Estimate = 1, Assignee = "Steven walker", AssigneeKey = "Steven walker", RankId = 1, Color = "#8b447a", ClassName = new List() { "e-story", "e-low", "e-nancy" } },
            new TasksModel { Id = "Task 10", Title = "Task  - 29015", Status = "Open", Summary = "Show the retrieved data from the server in grid control.", Type = "Story", Priority = "High", CardTags = new List() { "Database", "SQL" }, Estimate = 5.5, Assignee = "Margaret hamilt", AssigneeKey = "Margaret hamilt", RankId = 4, Color = "#8b447a", ClassName = new List() { "e-story", "e-high", "e-steven" } }
    };
}


While trying to find out the reason, I found "Error: System.InvalidCastException: Unable to cast object of type 'System.Int32' to type 'System.String'. " when dragging.


3 Replies 1 reply marked as answer
VJ Vinitha Jeyakumar Syncfusion Team November 15, 2021 08:47 AM UTC

Hi Desmond, 
 
 
Greetings from Syncfusion support, 
 
 
We have validated your query “Sorting not working” 
 
We have tried to reproduce the reported issue in the following ways, 
 
  • Ensured by running the code you have mentioned on the documentation page.
  • Ensured by drag and drop the cards between columns.
  • Also ensured by running the sample in all major browsers.
 
But unfortunately, we didn’t face any errors while drag and drop the cards between columns. We have also prepared a sample for your reference. 
 
 
Can you please share the following details, 
 
  • Your package version.
  • Exact issue reproducing steps.
  • If possible, please share us with the runnable issue reproducing sample or modify the attached sample with issue reproducing code.
 
The above details will be helpful for us to replicate the issue at our end and help you at earliest. 
 
Regards, 
Vinitha 
 


Marked as answer
DE desmond November 15, 2021 03:23 PM UTC

Thanks for your useful answer, your codes works. After comparing, I changed my codes from 19.3.43 Main Release to 19.3.53 Service Pack, the bug fixes automatically.


VJ Vinitha Jeyakumar Syncfusion Team November 16, 2021 04:42 AM UTC

Hi Desmond, 
 
 
We are glad that your problem has been resolved. Please get back to us if you need any further assistance. 
 
Regards, 
Vinitha 


Loader.
Up arrow icon