Hi Kenney,
Greetings from Syncfusion.
Query: I want to create a drop-down menu under the 'Status' column that has values of { Active, Inactive }. So, when user edits a record, they can select 'Active' or 'Inactive'. How do I create a custom drop-down box that has options of 'Active = true', 'Inactive = false'?
We have validated your query and you want to render custom dropdown list(shown string values instead of boolean values) while editing the Boolean type column. You can achieve your requirement by using EditTemplate. Here, we have rendered a dropdown list(with string values shown) in Boolean column while editing. Find the below code snippets and sample for your reference.
|
<SfGrid DataSource="@OrderData" AllowFiltering="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })">
<GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="EditMode.Normal"></GridEditSettings>
<GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Excel"></GridFilterSettings>
<GridColumns>
. . .
. . .
<EditTemplate> @*rendered a custom dropdown while editing*@
<SfDropDownList ID="Verified" TValue="bool" TItem="Status" @bind-Value="@((context as Order).Verified)" DataSource="@LocalData">
<DropDownListFieldSettings Value="ID" Text="Text"></DropDownListFieldSettings>
</SfDropDownList>
</EditTemplate>
</GridColumn>
</GridColumns>
</SfGrid>
@code{
. . .
public class Status
{
public bool ID { get; set; }
public string Text { get; set; }
}
List<Status> LocalData = new List<Status> {
new Status() { ID= true, Text= "Active" },
new Status() { ID= false, Text= "InActive" },
};
} |
Query: I want to create a custom filter for 'Status' column that reflects options for 'Active' / 'Inactive' and not 'True' / 'False'. How do I create a custom filter with these values?
You want to show custom values(Active and InActive instead of True and False values) in Filter dialog. You can achieve your requirement by using FilterItemTemplate. Find the below code snippets and sample for your reference.
|
<Template>
. . .
</Template>
<FilterItemTemplate>
@*display customized values in filter dialog using FilterItemTemplate*@
@{
var cont = context as FilterItemTemplateContext;
if (cont.Value.ToString() == "True")
{
<div>Active</div>
}
else
{
<div>InActive</div>
}
}
</FilterItemTemplate> </GridColumn> |
Reference:
Please let us know if you have any concerns.
Regards,
Rahul
