我有一个可以添加和删除产品的表单,几乎就像一个篮子。但是,当我从列表中添加/删除产品时,表单会提交。
有没有办法防止这种情况发生?
<EditForm EditContext="FormEditContext" method="post" OnValidSubmit="SubmitForm">
<MatSelectItem
Context="Product"
@bind-Value="@formModel.Product"
TValue="TariffProductQuoteViewModel"
Items="AvailableProducts.ToList()"
Disabled="!CanEdit">
<ItemTemplate>
@Product.ProductName
</ItemTemplate>
</MatSelectItem>
<MatButton OnClick="AddProduct">+ Add Product</MatButton>
</EditForm>
public void AddProduct()
{
formModel.Items.Add(new Product()
{
ProductId = AvailableProducts.FirstOrDefault().Id,
Product = AvailableProducts.FirstOrDefault(),
Quantity = 1,
});
}