Как создать текстовое поле readonly в ASP.NET MVC5 [duplicate]

с записями к предыдущему ответу @Bronek и @Shimmy

Это я сделал что-то в ASP.NET Core

<input asp-for="DisabledField" disabled="disabled" />
<input asp-for="DisabledField" class="hidden" />

. Первый вход - только для чтения и второй передает значение Контроллеру и скрыт. Надеюсь, это будет полезно для кого-то, кто работает с ASP.Net Core.

@Html.TextBoxFor(model => model.IsActive, new { readonly= "readonly" })

Это нормально для текстового поля. Однако, если вы попытаетесь сделать то же самое для checkbox, попробуйте использовать это, если вы используете его

@Html.CheckBoxFor(model => model.IsActive, new { onclick = "return false" })

Но не используйте disable, потому что отключить всегда отправлять значение по умолчанию false на сервер либо он был в проверенном или непроверенном состоянии. И readonly не работает для флажка и radio button. readonly работает только для полей text.

 @Html.TextBox("Recivers", Model, new { @class = "form-control", style = "width: 300px", @readonly = "readonly" })

UPDATE: теперь очень просто добавить атрибуты html в шаблоны редактора по умолчанию. Вместо этого вы делаете это:

@Html.TextBoxFor(m => m.userCode, new { @readonly="readonly" })

вы можете это сделать:

@Html.EditorFor(m => m.userCode, new { htmlAttributes = new { @readonly="readonly" } })

Преимущества: вам не нужно называть .TextBoxFor и т. Д. Для шаблонов. Просто позвоните .EditorFor.

Хотя решение @ Shark работает правильно, и оно простое и полезное, мое решение (которое я всегда использую) - это создать файл editor-template, который может обрабатывать readonly:

1. Создайте папку с именем EditorTemplates в ~/Views/Shared/
2. Создайте бритву PartialView с именем String.cshtml
3. Заполните String.cshtml с этим кодом:

   @if(ViewData.ModelMetadata.IsReadOnly) {
       @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
           new { @class = "text-box single-line readonly", @readonly = "readonly", disabled = "disabled" })                                     
   } else {
       @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
           new { @class = "text-box single-line" }) 
   }
   

4. В классе модели поместите атрибут [ReadOnly(true)] в свойствах, которые вы хотите readonly.

, например

public class Model {
    // [your-annotations-here]
    public string EditablePropertyExample { get; set; }

    // [your-annotations-here]
    [ReadOnly(true)]
    public string ReadOnlyPropertyExample { get; set; }
}

Теперь вы можете просто использовать синтаксис по умолчанию бритвы:

@Html.EditorFor(m => m.EditablePropertyExample)
@Html.EditorFor(m => m.ReadOnlyPropertyExample)

Первый, отображает нормальный text-box следующим образом:

<input class="text-box single-line" id="field-id" name="field-name" />

, а второй будет отображаться;

<input readonly="readonly" disabled="disabled" class="text-box single-line readonly" id="field-id" name="field-name" />

Вы можете использовать это решение для любого типа данных (DateTime, DateTimeOffset , DataType.Text, DataType.MultilineText и т. д.). Просто создайте editor-template.

Вы можете использовать нижеприведенный код для создания TextBox как доступного только для чтения.

Метод -1

 @Html.TextBoxFor(model => model.Fields[i].TheField, new { @readonly = true })

Метод -2

@Html.TextBoxFor(model => model.Fields[i].TheField, new { htmlAttributes = new {disabled = "disabled"}})

Решение с TextBoxFor в порядке, но если вы не хотите видеть стили (например, EditBox) (это может быть немного запутано для пользователя), используйте следующие изменения:

1. Код бритвы перед изменением

<div class="editor-field">
     @Html.EditorFor(model => model.Text)
     @Html.ValidationMessageFor(model => model.Text)
</div>

2. После изменений

<!-- new div display-field (after div editor-label) -->
<div class="display-field">
    @Html.DisplayFor(model => model.Text)
</div>

<div class="editor-field">            
    <!-- change to HiddenFor in existing div editor-field -->
    @Html.HiddenFor(model => model.Text)
    @Html.ValidationMessageFor(model => model.Text)
</div>

Обычно это решение отключается от редактирования, но показывает его значение. Нет необходимости в модификациях кода.