在 ASP.NET Core 中显示只读字段

Question

I am new in ASP.NET Core and would like to ask about displaying a field in wa view. I have a

class Person { 
    public string Name {get; set;} 
    public string Nickname {get; set;} 
}

Typically, in the EditPerson View, I do

<input asp-for="Name" class="form-control" />
<input asp-for="Nickname" class="form-control" />

to display the fields.

But in my EditPerson View I need to display Name as readonly, and Nickname as editable field.

The Name should not be in a textbox (even readonly), but rather in a label or div ...

Is there a standard approach to display such fields?

I don't want that the field to be updated back to the model or DB, I need only reading the field.

Answer 1

Try this.

<input asp-for="Name" class="form-control" readonly="@(true)">
<input asp-for="Name" class="form-control" readonly="@(false)">

This render:

<input class="form-control" type="text" id="Name" name="Name" value="Tom" readonly="readonly">
<input class="form-control" type="text" id="Name" name="Name" value="Tom">

I realized it from here: https://github.com/aspnet/Mvc/issues/7333#issuecomment-363504164

Answer 2

Output it as HTML with Razor syntax

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor

@Model.Name
<input asp-for="Nickname" class="form-control" />

Note - this will need styling appropriately, or wrapping in <span> tag etc...

Answer 3

This worked for me

<input asp-for="Name" class="form-control" ReadOnly="true"/>
<input asp-for="Nickname" class="form-control" />

Answer 4

[ReadOnly(true)]
public string Name {get; set;} 

Add a ReadOnly attribute. Remember to include using System.Component; at the top of your class.

Answer 5

If you want to display the model property Name and don't want it to be an input element, just do this:

<p>@Model.Name</p>

Important: if you have used the DisplayFormat attribute on Name in your model (eg to apply number/date formatting or to control how blanks/nulls are displayed), you must do this instead:

<p>@Html.DisplayFor(m => m.Name)</p>

---

Of course, it doesn't need to be a p . Use a div , span , etc.

Give it a class and style it with CSS as desired.

Answer 6

这对我有用：

<input asp-for="Name" class="form-control" readonly="readonly" />

Answer 7

You can try this:

<input asp-for="Name" readonly="@(!string.IsNullOrEmpty(Model.Name))" />
<input asp-for="Nickname" />

Using any custom condition here, just make it return true or false . readonly="@(!string.IsNullOrEmpty(Model.Name))"

Answer 8

试试这个：

<label class="form-control">@Model.Name</label>