Редактор MVC3Для чтенияОдно
Я хочу сделать readOnly с EditorFor на странице редактирования.
Я попытался установить readonly и отключить как:
<div class="editor-field">
@Html.EditorFor(model => model.userName, new { disabled = "disabled", @readonly = "readonly" })
</div>
Однако это не сработает. Как я могу отключить редактирование этого поля?
Спасибо.
Ответы
Ответ 1
В редакторе EditorFor html нет перегрузок с атрибутами HTML. В этом случае вам нужно использовать что-то более конкретное, например TextBoxFor:
<div class="editor-field">
@Html.TextBoxFor(model => model.userName, new
{ disabled = "disabled", @readonly = "readonly" })
</div>
Вы все еще можете использовать EditorFor, но вам нужно будет иметь TextBoxFor в пользовательском EditorTemplate:
public class MyModel
{
[UIHint("userName")]
public string userName { ;get; set; }
}
Затем в папке Views/Shared/EditorTemplates создайте файл userName.cshtml. В этом файле поместите это:
@model string
@Html.TextBoxFor(m => m, new { disabled = "disabled", @readonly = "readonly" })
Ответ 2
Этот код поддерживается в MVC4 и далее
@Html.EditorFor(model => model.userName, new { htmlAttributes = new { @class = "form-control", disabled = "disabled", @readonly = "readonly" } })
Ответ 3
Для тех, кто задается вопросом, почему вы хотите использовать EditoFor, если вы не хотите, чтобы он был доступен для редактирования, у меня есть пример.
У меня это в моей модели.
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0: dd/MM/yyyy}")]
public DateTime issueDate { get; set; }
и когда вы хотите отобразить этот формат, единственный способ, которым это работает, - это использовать редактор, но у меня есть jquery datepicker для этого "ввода", поэтому он должен быть только для чтения, чтобы пользователи не писали неправильные даты.
Чтобы он работал так, как я хочу, я помещал это в представление...
@Html.EditorFor(m => m.issueDate, new{ @class="inp", @style="width:200px", @MaxLength = "200"})
и это в моей готовой функции...
$('#issueDate').prop('readOnly', true);
Надеюсь, это будет полезно для кого-то там.
Извините за мой английский
Ответ 4
Вы можете сделать это следующим образом:
@Html.EditorFor(m => m.userName, new { htmlAttributes = new { disabled = true } })
Ответ 5
Вот как я это делаю:
Модель:
[ReadOnly(true)]
public string Email { get { return DbUser.Email; } }
Вид:
@Html.TheEditorFor(x => x.Email)
Расширение:
namespace System.Web.Mvc
{
public static class CustomExtensions
{
public static MvcHtmlString TheEditorFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes = null)
{
return iEREditorForInternal(htmlHelper, expression, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes));
}
private static MvcHtmlString iEREditorForInternal<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IDictionary<string, object> htmlAttributes)
{
if (htmlAttributes == null) htmlAttributes = new Dictionary<string, object>();
TagBuilder builder = new TagBuilder("div");
builder.MergeAttributes(htmlAttributes);
var metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
string labelHtml = labelHtml = Html.LabelExtensions.LabelFor(htmlHelper, expression).ToHtmlString();
if (metadata.IsRequired)
labelHtml = Html.LabelExtensions.LabelFor(htmlHelper, expression, new { @class = "required" }).ToHtmlString();
string editorHtml = Html.EditorExtensions.EditorFor(htmlHelper, expression).ToHtmlString();
if (metadata.IsReadOnly)
editorHtml = Html.DisplayExtensions.DisplayFor(htmlHelper, expression).ToHtmlString();
string validationHtml = Html.ValidationExtensions.ValidationMessageFor(htmlHelper, expression).ToHtmlString();
builder.InnerHtml = labelHtml + editorHtml + validationHtml;
return new MvcHtmlString(builder.ToString(TagRenderMode.Normal));
}
}
}
Конечно, мой редактор делает кучу больше вещей, например добавление ярлыка, добавляя необходимый класс к этому ярлыку по мере необходимости, добавляя DisplayFor
, если свойство ReadOnly
EditorFor
, если его нет, добавив ValidateMessageFor
и, наконец, заверяем все это в Div
, который может иметь Html Attributes
, назначенный ему... my Views
являются суперчистыми.
Ответ 6
Я знаю, что в вопросе говорится MVC 3, но это был 2012 год, поэтому на всякий случай:
Как и MVC 5.1, теперь вы можете передавать HTML-атрибуты на EditorFor
следующим образом:
@Html.EditorFor(x => x.Name, new { htmlAttributes = new { @readonly = "", disabled = "" } })
Ответ 7
Создайте EditorTemplate для определенного набора представлений (связанных одним контроллером):
![enter image description here]()
В этом примере у меня есть шаблон для Даты, но вы можете изменить его на все, что хотите.
Вот код в Data.cshtml:
@model Nullable<DateTime>
@Html.TextBox("", @Model != null ? String.Format("{0:d}", ((System.DateTime)Model).ToShortDateString()) : "", new { @class = "datefield", type = "date", disabled = "disabled" @readonly = "readonly" })
и в модели:
[DataType(DataType.Date)]
public DateTime? BlahDate { get; set; }
Ответ 8
Попробуйте использовать:
@Html.DisplayFor(model => model.userName) <br/>
@Html.HiddenFor(model => model.userName)
Ответ 9
Старый пост, который я знаю... но теперь вы можете сделать это, чтобы сохранить выравнивание и все выглядящие последовательно.
@Html.EditorFor(model => model.myField, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })
Ответ 10
Я думаю, что это просто, чем другие, используя атрибут [Editable (false)]
например:
public class MyModel
{
[Editable(false)]
public string userName { get; set; }
}
Ответ 11
<div class="editor-field">
@Html.EditorFor(model => model.userName)
</div>
Использовать jquery для отключения
<script type="text/javascript">
$(document).ready(function () {
$('#userName').attr('disabled', true);
});
</script>