Cómo crear un cuadro de texto de solo lectura en ASP.NET MVC3 Razor

Question

Cómo crear un cuadro de texto de solo lectura en ASP.NET MVC3, con el motor Razor view? ¿Hay un método HTMLHelper disponible para hacer eso?

¿Algo como esto?

@Html.ReadOnlyTextBoxFor(m => m.userCode)

Answer 1

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

que son bienvenidos a hacer un ayudante HTML para esto, pero esto es simplemente un atributo HTML como cualquier otro. ¿Haría un HTML Helper para un cuadro de texto que tiene otros atributos?

Answer 2

ACTUALIZACIÓN: Ahora es muy simple agregar atributos html a las plantillas de editor predeterminadas. Significa que en lugar de hacer esto:

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

simplemente puede hacer esto:

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

Beneficios: Usted no tiene que llamar .TextBoxFor etc para las plantillas. Simplemente llame al .EditorFor.

---

Mientras @ solución de tiburón funciona correctamente y es simple y útil, mi solución (que yo uso siempre) es éste Crear editor-template que pueden asas readonly atributos:

1. Crear una carpeta denominada EditorTemplates en ~/Views/Shared/
2. Crear una navaja PartialView llamado String.cshtml

3. Llenar el String.cshtml con este código:

   @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. En la clase de modelo, poner el atributo [ReadOnly(true)] sobre las propiedades que desea ser readonly.

e.g.

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

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

Ahora puede utilizar la sintaxis predeterminada de la maquinilla de afeitar simplemente:

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

La primera de ellas, hace que una normal de text-box así:

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

y el segundo, pagará a;

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

Se puede utilizar esta solución para cualquier tipo de datos (DateTime, DateTimeOffset, DataType.Text, DataType.MultilineText y así sucesivamente). Solo crea un editor-template.

Answer 3

La solución con TextBoxFor está bien, pero si no desea ver el campo como EditBox estilo (que podría ser poco confuso para el usuario) implican cambios de la siguiente manera:

1. Código de afeitar antes cambia

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

2. Después de los cambios

<!-- 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> 

En general, esta solución deshabilita archivada en contra de la edición, pero muestra el valor de la misma. No hay necesidad de modificaciones de código subyacente.

Answer 4

con créditos a la respuesta anterior por @Bronek y @Shimmy

esto es que lo han hecho el samething en ASP.NET Core

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

La primera entrada es de sólo lectura y el segundo pasa por el valor para el controlador y está oculto. Espero que sea útil para alguien que trabaja con ASP.Net Core.

Answer 5

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

Answer 6

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

Esto está muy bien para la caja de texto. Sin embargo, si se intenta hacer el mismo para checkbox continuación, tratar de usar esto si usarlo

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

Pero no use disable porque siempre desactivar enviar el valor por defecto falso al servidor, ya sea que estaba en marcado o no estado. Y el readonly no funciona para la casilla de verificación y radio button. readonly solo funciona para text campos.