How to collapse datagridview radzen using code

Question

I'm using radzen datagrid view and I've managed to make the radzen datagrid view expand but I don't know how to make all the hierarchy collapse. The code is a nested datagrid view so it probably needs all the rows collapsed. Thanks for your time!

Expanded view (current):

Collapsed view (ideal):

SkillOverviewPage.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Radzen;
using Radzen.Blazor;
using SkillMatrix.APIModels.Models;
using SkillMatrix.Client.Services.Interfaces;

namespace SkillMatrix.Client.Features.SkillView
{
    public partial class SkillOverviewPage
    {
        #region protected properties
        protected RadzenDataGrid OuterGrid;
        protected IEnumerable Skills { get; set; }
        protected IEnumerable SkillNames { get; set; }
        protected IEnumerable SkillCategoryNames { get; set; }
        protected IEnumerable SelectedSkillNames { get; set; }
        protected IEnumerable SelectedSkillCategoryNames { get; set; }
        [Inject]
        protected ISkillDataService SkillDataService { get; set; }

        [Inject]
        protected ISkillCategoryDataService SkillCategoryDataService { get; set; }

        [Inject]
        public NavigationManager NavigationManager { get; set; }

        #endregion

        #region protected methods
        protected override async Task OnInitializedAsync()
        {
            Skills = await SkillDataService.GetSkillsAsync();

            foreach (var skill in Skills)
            {
                skill.SkillCategory = await SkillCategoryDataService.GetSkillCategoryAsync(skill.SkillCategoryId);
            }

            SkillCategoryNames = Skills.Select(c => c.SkillCategory.Name).Distinct();

            SkillNames = Skills.Select(c => c.Name);
        }

        protected void NavigateToDetailPage(SkillResponse skill)
        {
            NavigationManager.NavigateTo($"skilldetail/{skill.Id}");
        }

        protected void NavigateToEditPage(SkillResponse skill)
        {
            NavigationManager.NavigateTo($"skilledit/{skill.Id}");
        }
        protected void OnRender(DataGridRenderEventArgs args)
        {
            if (args.FirstRender)
            {
                args.Grid.Groups.Add(new GroupDescriptor() { Property = "Name", SortOrder = SortOrder.Descending });
                args.Grid.Groups.Add(new GroupDescriptor() { Property = "Employees.Count", SortOrder = SortOrder.Descending });

                args.Grid.ExpandRow(args.Grid.View.FirstOrDefault());
                
                StateHasChanged();
            }
        }

        protected void OnSelectedSkillNamesChange(object value)
        {
            if (SelectedSkillNames != null && !SelectedSkillNames.Any())
            {
                SelectedSkillNames = null;
            }
        }
        protected void OnSelectedSkillCategoryNamesChange(object value)
        {
            if (SelectedSkillCategoryNames != null && !SelectedSkillCategoryNames.Any())
            {
                SelectedSkillCategoryNames = null;
            }
        }

        #endregion
    }
}

SkillOverViewPage.razor:

@page "/skilloverview"
@using SkillMatrix.APIModels.Models

Skills

@if (Skills == null)
{
    Loading ...
}
else
{
    
        
            

            
                
                    
                
            



            
                
                    
                
            

            
            

            
            
                
            
        

        
    
}

How to collapse datagridview radzen using code

0 Answers