no value accessor for form control name-原创手记-慕课网

No Value Accessor for Form Control Name

Form控制是Web应用程序中的基本组成部分,用于收集和存储用户输入的数据。在许多情况下,我们需要在表单控件中显示当前值,以便用户可以看到他们已经输入了什么。在这种情况下,No Value Accessor是一种非常有用的工具,可以让我们轻松地将控件的当前值显示在页面上。本文将介绍No Value Accessor的概念和工作方式,并给出一个简单的代码示例。

什么是No Value Accessor?

No Value Accessor是一个自定义属性,通常用于与Asp.NET MVC框架一起使用。它允许我们在不修改表单控件本身的情况下更改其样式和行为。具体来说,当用户在表单中输入数据时,No Value Accessor可以获取该控件的当前值,并在需要的地方显示它。这可以通过在控件上添加一个自定义属性来实现,该属性返回一个字符串值,表示控件的当前值。我们可以使用这个属性来更改控件的外观,例如改变字体颜色或背景颜色。

如何使用No Value Accessor?

要在Asp.NET MVC表单中使用No Value Accessor,我们需要执行以下步骤:

在表单中添加一个自定义属性,该属性返回控件的当前值。例如,下面的代码将在一个名为"myControl"的表单控件中显示其当前值:

[System.ComponentModel.DataAnnotations.PropertyField(Name = "myControl", Binding = new PropertyBinding("Value"))]
public class MyFormViewModel
{
    public string MyControl { get; set; }
}

在这个例子中,"Value"属性绑定到控件的"Value"属性,以便获取其当前值。

在控制器中,我们可以使用ModelBuilder将表单数据绑定到视图模型中。例如,下面的代码将表单数据绑定到名为"myModel"的视图模型中:

[HttpPost]
public IActionResult Create([FromBody] MyFormViewModel myModel)
{
    // do something with the model
    return View();
}

在视图中,我们可以使用No Value Accessor自定义属性来显示控件的当前值。例如,下面的代码将在表单中显示名为"myControl"的控件的当前值:

@using System.ComponentModel.DataAnnotations
@{
    ViewData["Title"] = "Create";
}
<h2>Create</h2>
<form method="post">
    <div class="form-group">
        <label for="myControl">My Control:</label>
        <input type="text" id="myControl" name="myControl" class="form-control" />
        <span class="no-value-accessor">@Model.MyControl</span>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

在这个例子中,我们使用了一个带有类名"no-value-accessor"的No Value Accessor属性,该属性返回Model.MyControl的值。我们还使用Span标签将该属性的值显示在页面上,以便用户可以看到当前的控件值。

结论

通过使用No Value Accessor自定义属性,我们可以轻松地在Asp.NET MVC表单中显示控件的当前值,同时保持控件的原始行为和样式。