I have an IEnum of parent objects with a collection of StateTestResults each. I want each StateTestResult and its attributes printed one per object. This prints 4 RadzenCards with 4 StateTestResult's on each. Is there a way to get 4 cards with one StateTestResult on each card to make each card unique with its own result on it?
@foreach (var item in StateTestResults)
{
<RadzenCard style="padding:0px;">
<RadzenGrid @ref="grid1" AllowFiltering="true" AllowPaging="false" AllowSorting="true" Data="@stTemp" TItem="Webadmin.Models.Schools01.StateTestResult" RowSelect="@Grid1RowSelect">
<Columns>
<RadzenCard Style="margin-bottom:20px">
Student ID:
<b>@item.StateTest</b>
</RadzenCard>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="student_grade_when_taken" Title="Grade When Taken">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="standard_raw_score" Title="Standard Raw Score">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="development_score" Title="Development Score">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="achievement_level" Title="Achievement Level">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="learning_gain" Title="Learning Gain">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="scale_score" Title="Scale Score">
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="points_earned" Title="Points Earned">
<Template Context="data">
@(data.points_earned)/@(data.points_possible)
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" FilterProperty="Date.date_uk_format" Property="Date.date1" SortProperty="Date.date_uk_format" Title="Date">
<Template Context="data">
@(data.Date.date1)
</Template>
</RadzenGridColumn>
</Columns>
</RadzenGrid>
</RadzenCard>
}
enchev
July 13, 2020, 1:21pm
2
Not sure what you are trying to achieve. This code is invalid for sure:
<RadzenCard style="padding:0px;">
<RadzenGrid @ref="grid1" AllowFiltering="true" AllowPaging="false" AllowSorting="true" Data="@stTemp" TItem="Webadmin.Models.Schools01.StateTestResult" RowSelect="@Grid1RowSelect">
<Columns>
<RadzenCard Style="margin-bottom:20px">
Student ID:
<b>@item.StateTest</b>
</RadzenCard>
You cannot have RadzenCard inside RadzenGrid Columns.
Figured it out, apparently you can too?
@foreach (var item in StateTestResults)
{
@if (rowClicked)
{
<RadzenCard style="padding:0px;">
<RadzenGrid @ref="grid1" AllowFiltering="true" AllowPaging="false" AllowSorting="true" Data="@stTemp" TItem="Webadmin.Models.Schools01.StateTestResult" RowSelect="@Grid1RowSelect">
<Columns>
<RadzenCard Style="margin-bottom:20px">
Student ID:
<b>@item.StateTest.subject</b>
</RadzenCard>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="student_grade_when_taken" Title="Grade When Taken">
<Template>
@item.student_grade_when_taken
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="standard_raw_score" Title="Standard Raw Score">
<Template>
@item.standard_raw_score
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="development_score" Title="Development Score">
<Template>
@item.development_score
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="achievement_level" Title="Achievement Level">
<Template>
@item.achievement_level
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="learning_gain" Title="Learning Gain">
<Template>
@item.learning_gain
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="scale_score" Title="Scale Score">
<Template>
@item.scale_score
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" Property="points_earned" Title="Points Earned">
<Template>
@(item.points_earned)/@(item.points_possible)
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="Webadmin.Models.Schools01.StateTestResult" FilterProperty="Date.date_uk_format" Property="Date.date1" SortProperty="Date.date_uk_format" Title="Date">
<Template>
@(item.Date.date1)
</Template>
</RadzenGridColumn>
</Columns>
</RadzenGrid>
</RadzenCard>
}
}
That code you said you believe to be invalid I got from here:https://blazor.radzen.com/master-detail-hierarchy
Thank you! I appreciate all your replies!
enchev
July 13, 2020, 1:31pm
4
Being the author of the demo and the component itself I'm pretty sure that your code is invalid. There is no way to have RadzenCard inside RadzenGrid Columns. Check for yourself:
I appreciate the information, I figured since it compiled and gave me the result I was looking for it would be alright. I apologize if I came off as rude. I know you are far more knowledgeable than I am with this.Should I just place it in <Template>? Thanks
enchev
July 13, 2020, 1:39pm
6
I'm just trying to help. Indeed if you need to present child data for each DataGrid row you can use Template property. When you set DataGrid Template property you will get expand/collapse button automatically. Maybe DataList demo will help you in your case as well:https://blazor.radzen.com/datalist
1 Like
