Blazor EditForm InputText



你好,我是blazor webassembly的新手,我正在尝试构建一个具有一些基本功能的简单商店。

我试图制作添加产品的表单,正如你所知,每个产品都必须链接到一个用户,在我的情况下,我将用户的用户名存储在产品中,这是我现在能想到的最简单的方法。

但我遇到了一个瓶颈,因为我不知道如何将用户的用户名包含在我的表单中,我获取用户名的方法是使用<AuthorizeView>上下文,然后从中获取用户名。但是,我不知道如何将用户名放入<InputText>

下面是我的EditForm的代码,用户名的InputText是第一个。

目前,用户需要输入自己的用户名来创建产品。

那么,有什么方法可以自动将用户名分配给InputText吗?

<EditForm Model="@newproduct" OnValidSubmit="AddProduct">
<DataAnnotationsValidator />
<CustomFormValidator @ref="customFormValidator" />
<div class="form-group row">
<label class="control-label col-md-12">Username</label>
<div class="col">
<InputText class="form-control" @bind-Value="newproduct.username" />
<ValidationMessage For="@(() => newproduct.username)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Product Name</label>
<div class="col">
<InputText class="form-control" @bind-Value="newproduct.Name" />
<ValidationMessage For="@(() => newproduct.Name)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Product Description</label>
<div class="col">
<InputText class="form-control" @bind-Value="newproduct.Description" />
<ValidationMessage For="@(() => newproduct.Description)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Image</label>
<div class="col">
<InputText class="form-control" @bind-Value="newproduct.Image" />
<ValidationMessage For="@(() => newproduct.Image)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Stock</label>
<div class="col">
<InputNumber class="form-control" @bind-Value=newproduct.Stock />
<ValidationMessage For="@(() => newproduct.Stock)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Price(no decimal)</label>
<div class="col">
<InputNumber class="form-control" @bind-Value=newproduct.Price />
<ValidationMessage For="@(() => newproduct.Price)" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-12">Category</label>
<div class="col">
<InputSelect class="form-control" @bind-Value="newproduct.P_Category">
<option value="">--Select--</option>
@foreach (var category in Categories)
{
<option value="@category.Name">@category.Name</option>
}
</InputSelect>
<ValidationMessage For="@(() => newproduct.P_Category)" />
</div>
</div>
<div class="form-group" align="right">
<button type="submit" class="btn btn-success">Add</button>
</div>
</EditForm>

测试

您可以尝试以下操作:

<AuthorizeView>
<Authorized>
@ { newproduct.username = @context.User.Identity.Name; }
<EditForm Model="@newproduct" OnValidSubmit="AddProduct">
///////////
</EditForm>
</Authorized>
<NotAuthorized>
<a href="Identity/Account/Register">Register</a>
<a href="Identity/Account/Login">Log in</a>
</NotAuthorized>
</AuthorizeView>

@code
{
private Product newproduct = new Product();

}

注意:在现实世界的场景中,客户应该与订单相关联(如果您愿意,您可以称之为Cart(,订单可能与订单的详细信息相关联,后者是一个包含订单详细信息的实体(OrderDetails(。并且OrderDetails实体可以与给定的产品(产品实体(相关联

相关内容

  • 没有找到相关文章

最新更新