Hi Richard,
As you just found (I almost sent this before seeing your post), a Field is required at the moment. If the actual model does not have a field for every templated column, you could use a view model that inherits the actual model and adds fields for all columns that are needed.
Below is an example how you can do this without a field (I highlighted the key changes):
- I use a local variable in the template to prevent it from keeping old values in the global scope. I recommend you take this approach in any case.
- I disabled filtering on that column, because it does not have a Field, so it could not be filtered.
I am also logging this exception for fixing, if the column does not have a field, it should not throw, but simply not be filterable/sortable/... and you can track its status by clicking the Follow button here: https://feedback.telerik.com/blazor/1412128-filterable-column-without-field-throws-a-null-exception.
@using Telerik.Blazor.Components.Grid
@using Telerik.Blazor.Components.Button
<TelerikGrid data="@Histories" height="600px" Pageable="true" PageSize="20" Sortable="true" Filterable="true">
<TelerikGridColumns>
<TelerikGridColumn Field="Casecode" />
<TelerikGridColumn Field="Historytext" />
<TelerikGridColumn Field="Createdate" Title="Create Date" />
<TelerikGridColumn Filterable="false">
<Template>
@{
var CurrentRecord = context as CaseHistory;
if (CurrentRecord.Blobid > 0)
{
<TelerikButton OnClick="@(() => MyCustomCommand(CurrentRecord))">Open</TelerikButton>
}
}
</Template>
</TelerikGridColumn>
</TelerikGridColumns>
</TelerikGrid>
@result
@functions {
public class CaseHistory
{
public int Id { get; set; }
public int Casecode { get; set; }
public string Historytext { get; set; }
public DateTime Createdate { get; set; }
public int Blobid { get; set; }
}
IEnumerable<CaseHistory> Histories = Enumerable.Range(1, 50).Select(x => new CaseHistory
{
Id = x,
Casecode = x,
Historytext = "text " + x,
Createdate = DateTime.Now.AddDays(-x),
Blobid = (x % 3 == 0) ? x : -x
});
string result { get; set; }
void MyCustomCommand(CaseHistory itm)
{
result = $"custom command fired for {itm.Id} on {DateTime.Now}";
StateHasChanged();
}
}
Regards,
Marin Bratanov
Progress Telerik UI for Blazor