MVC3 EditorFor只有

Question

我想使用EditorFor在編輯頁面進行readOnly。

我試圖把只讀和殘疾人爲：

<div class="editor-field"> 
     @Html.EditorFor(model => model.userName, new { disabled = "disabled", @readonly = "readonly" }) 
    </div> 

但是，這是行不通的。我怎樣才能禁用編輯這個領域？

謝謝。

Answer 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" }) 

Answer 2

對於那些誰不知道你爲什麼要使用EditoFor如果我想知道我這是編輯，我有一個例子。

我在我的模型中有這個。

[DataType(DataType.Date)] 
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0: dd/MM/yyyy}")] 
    public DateTime issueDate { get; set; } 

，當你想顯示的格式，它的工作的唯一方法就是使用EditorFor，但我更喜歡的是「輸入」一個jQuery日期選擇器所以它必須是隻讀的，以避免書面方式下的用戶錯誤的日期。

爲了使它工作，我想我把這個視圖的方式......

 @Html.EditorFor(m => m.issueDate, new{ @class="inp", @style="width:200px", @MaxLength = "200"}) 

，這在我準備功能...

 $('#issueDate').prop('readOnly', true); 

我希望這將是有益的爲那裏的人。 對不起，我的英語

Answer 3

一組特定視圖（由一個控制器綁定）創建EditorTemplate：

在這個例子中，我有一個日期的模板，但你可以改變它，無論你想。

以下是數據中的代碼。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; } 

Answer 4

這裏是我如何做到這一點：

型號：

[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如果屬性ReadOnlyEditorFor如果不是，加上一個ValidateMessageFor，最後把所有這些都包含在Div之內，它可以有Html Attributes分配給它...我的Views超級乾淨。

Answer 5

我認爲這是比其它簡單通過使用[編輯（假）]特性

例如：

public class MyModel 
    { 
     [Editable(false)] 
     public string userName { get; set; } 
    } 

Answer 6

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

使用jQuery禁用

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#userName').attr('disabled', true); 
    }); 
</script> 

Answer 7

此代碼支持MVC4以上版本

@Html.EditorFor(model => model.userName, new { htmlAttributes = new { @class = "form-control", disabled = "disabled", @readonly = "readonly" } }) 

Answer 8

我知道該問題時MVC 3，但它是2012年，所以以防萬一：

由於MVC 5.1的，你現在可以通過HTML屬性EditorFor像這樣：

@Html.EditorFor(x => x.Name, new { htmlAttributes = new { @readonly = "", disabled = "" } }) 

Answer 9

嘗試使用：

@Html.DisplayFor(model => model.userName) <br/> 
@Html.HiddenFor(model => model.userName) 

Answer 10

你可以這樣來做：

@Html.EditorFor(m => m.userName, new { htmlAttributes = new { disabled = true } }) 

Answer 11

舊後我知道..但現在你可以做到這一點，以保持對齊和所有尋求一致..

@Html.EditorFor(model => model.myField, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })