Blazor Tree Grid Example - Drag and Drop
Task ID Press Enter to sort. Press Alt Down to open filter Menu | Task Name Press Enter to sort. Press Alt Down to open filter Menu | Progress Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| 1000 | Customer Portal Redesign | In Progress | |
| 1001 | Authentication & Login Flow | Open | |
| 1002 | Analysis of login flow | In Progress | |
| 1003 | Implement OAuth2/SSO | Open | |
| 1004 | Unit Tests for Login | In Progress | |
| 1005 | Error Handling for Failed Login | Open | |
| 1006 | User Profile Management | Open | |
| 1007 | Profile CRUD Operations | In Progress | |
| 1008 | Validation Rules | Open | |
| 1009 | Integration with DB | Open | |
| 1010 | Dashboard UI Layout | Open | |
| 1011 | Wireframe Design | In Progress | |
| 1012 | Frontend Implementation | Open | |
| 1013 | Accessibility Review | Open | |
| 1014 | Notification Center | Open | |
| 1015 | Email Alerts | In Progress | |
| 1016 | Push Notifications | Open | |
| 1017 | Error Logging | Open | |
| 1018 | Accessibility Compliance | Open | |
| 1019 | WCAG Audit | In Progress | |
| 1020 | Keyboard Navigation | Open | |
| 1021 | Screen Reader Support | Open | |
| 1022 | Mobile App v2 Development | In Progress | |
| 1023 | Push Notification Service | Open | |
| 1024 | Setup Firebase/APNS | In Progress | |
| 1025 | Integration Tests | Open | |
| 1026 | Retry Logic | Open | |
| 1027 | Offline Data Sync | Open | |
| 1028 | Local Storage Setup | In Progress | |
| 1029 | Conflict Resolution | Open | |
| 1030 | Sync Scheduler | Open | |
| 1031 | Payment Gateway Integration | Open | |
| 1032 | Integrate Stripe/PayPal | In Progress | |
| 1033 | Transaction Logging | Open | |
| 1034 | Fraud Detection | In Progress | |
| 1035 | App Security Enhancements | Open | |
| 1036 | Encryption Setup | In Progress | |
| 1037 | Penetration Testing | Open | |
| 1038 | Secure Storage | In Progress |
Task ID | Task Name | Progress |
|---|
| No records to display |
This sample demonstrates row drag-and-drop between two Tree Grids, enabling selected records to be moved from one Tree Grid to another while preserving hierarchy and data values.
Row drag-and-drop is enabled by setting the Tree Grid's AllowRowDragAndDrop property to true and configuring the TreeGridRowDropSettings with the TargetID property of the destination Tree Grid.
In this demo, multiple rows can be selected and dragged between the two Tree Grids in either direction and all the columns are displayed in both Tree Grids.
More information about row drag and drop can be found in this documentation section.