EditTemplate/EditForm

[KisaPs]

How can I fix the behavior of EditorForm, under certain class conditions. The component is added, but not removed. Is there anything provided for this?

If the condition is met, the component is added. If I need to show one field and hide the other, then they will both be visible

Link to Github

Index.razor

<Table TItem="Product" Items="products" AutoGenerateColumns="true" EditMode="EditMode.Popup" ShowExtendButtons="true">
<EditTemplate>
    <EditTemplateProduct Model="context"/>
</EditTemplate>
</Table>
@code {
    List<Product> products = new List<Product>()
    {
        new(),new(),new(),new(),new()
    };
}

EditTemplateProduct.razor

<Switch @bind-Value="Model.IsSale" />

<ValidateForm Model="@Model">
    <EditorForm TModel="Product" AutoGenerateAllItem="false">
        <FieldItems>
            <EditorItem @bind-Field="context.ProductName" /> 
            <EditorItem @bind-Field="context.Price" />

            <Block OnQueryCondition="(async (str) => context.IsSale)">
                <EditorItem @bind-Field="context.PriceSale" />
            </Block>

        </FieldItems>
    </EditorForm>
</ValidateForm>

@code {
    [Parameter] public Product Model { get; set; }
}

Product.cs

public class Product
{
    public static int Id = 1;
    public string ProductId { get; set; } = Id.ToString();
    public string ProductName { get; set; } = "Product_" + Id++;
    public int Price { get; set; } = new Random().Next(10, 10000);
    public bool IsSale { get; set; }
    public int PriceSale {  get; set; }
}

[ArgoZhang]

@KisaPs thank you for submitting a discussion. I'll take a look first and then answer your question.

[ArgoZhang]

@KisaPs

<Switch @bind-Value="Model.IsSale" />

<ValidateForm Model="@Model">
    <EditorForm TModel="Product" AutoGenerateAllItem="false">
        <FieldItems>
            <EditorItem @bind-Field="context.ProductName" /> 
            <EditorItem @bind-Field="context.Price" />
            <EditorItem @bind-Field="context.PriceSale" Ignore="@Model.IsSale" />
        </FieldItems>
    </EditorForm>
</ValidateForm>

Ignore parameter designed for this

[KisaPs]

Ufff. Thanks, the answer was on the surface

[ArgoZhang]

@KisaPs hi There are also some parameters that can be used where appropriate.

Visible Readonly

else

IsReadonlyWhenAdd IsReadonlyWhenEdit IsVisibleWhenAdd IsVisibleWhenEdit on TableColumn