Atribut html untuk EditorFor () di ASP.NET MVC

Mengapa saya tidak bisa meneruskan atribut html EditorFor()? misalnya;

<%= Html.EditorFor(model => model.Control.PeriodType, 
    new { disabled = "disabled", readonly = "readonly" }) %>

Saya tidak ingin menggunakan metadata

Pembaruan : Solusinya adalah memanggil ini dari tampilan:

 <%=Html.EditorFor( model => model.Control.PeriodEndDate, new {Modifiable=model.Control.PeriodEndDateModifiable})%>

dan digunakan ViewData["Modifiable"]di EditorTemplates / String.ascx kustom saya di mana saya memiliki beberapa logika tampilan yang menentukan apakah akan menambahkan atribut readonly dan / atau dinonaktifkan ke input. Objek anonim yang diteruskan ke EditorFor()dalam parameter yang dipanggil additionalViewDatadan sifat-sifatnya dilewatkan ke template editor di ViewDatakoleksi.

EditorForberfungsi dengan metadata, jadi jika Anda ingin menambahkan atribut html Anda selalu bisa melakukannya . Pilihan lain adalah cukup menulis templat khusus dan menggunakan TextBoxFor:

<%= Html.TextBoxFor(model => model.Control.PeriodType, 
    new { disabled = "disabled", @readonly = "readonly" }) %>    

Pembaruan MVC 5.1 sekarang mendukung pendekatan di bawah ini secara langsung, sehingga berfungsi juga untuk editor bawaan. http://www.asp.net/mvc/overview/releases/mvc51-release-notes#new-features (Ini adalah kasus Great mind thinking atau mereka membaca jawaban saya :)

Akhiri Pembaruan

Jika Anda menggunakan template editor Anda sendiri atau dengan MVC 5.1 yang sekarang mendukung pendekatan di bawah ini langsung untuk editor bawaan.

@Html.EditorFor(modelItem => item.YourProperty, 
  new { htmlAttributes = new { @class="verificationStatusSelect", style = "Width:50px"  } })

kemudian di template Anda (tidak diperlukan untuk tipe sederhana di MVC 5.1)

@Html.TextBoxFor(m => m, ViewData["htmlAttributes"])

Pada MVC 5.1, Anda sekarang dapat melakukan hal berikut:

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

http://www.asp.net/mvc/overview/releases/mvc51-release-notes#new-features

Sekarang ASP.Net MVC 5.1 mendapat dukungan bawaan untuknya.

Dari Catatan Rilis

Kami sekarang mengizinkan lewat atribut HTML di EditorFor sebagai objek anonim.

Sebagai contoh:

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

Berikut ini sintaks kode VB.Net untuk atribut html di MVC 5.1 EditorFor

@Html.EditorFor(Function(x) x.myStringProp, New With {.htmlAttributes = New With {.class = "myCssClass", .maxlength="30"}}))

Kenapa tidak pakai saja

@Html.DisplayFor(model => model.Control.PeriodType)

Jika Anda tidak ingin menggunakan Metadata, Anda dapat menggunakan [UIHint("PeriodType")]atribut untuk menghias properti atau jika ini adalah tipe kompleks, Anda tidak perlu menghias apa pun. EditorFor kemudian akan mencari file PeriodType.aspx atau ascx di folder EditorTemplates dan menggunakannya.

Saya telah bergulat dengan masalah yang sama hari ini untuk kotak centang yang mengikat bool nullable, dan karena saya tidak dapat mengubah model saya (bukan kode saya) saya harus menemukan cara yang lebih baik untuk menangani ini. Ini agak kasar, tetapi harus bekerja untuk 99% kasus yang mungkin saya temui. Anda jelas harus melakukan beberapa populasi manual dari atribut yang valid untuk setiap jenis input, tapi saya pikir saya sudah mendapatkan semuanya untuk kotak centang.

Dalam template editor Boolean.cshtml saya:

@model bool?

@{
    var attribs = new Dictionary<string, object>();
    var validAttribs = new string[] {"style", "class", "checked", "@class",
        "classname","id", "required", "value", "disabled", "readonly", 
        "accesskey", "lang", "tabindex", "title", "onblur", "onfocus", 
        "onclick", "onchange", "ondblclick", "onmousedown", "onmousemove", 
        "onmouseout", "onmouseover", "onmouseup", "onselect"};
    foreach (var item in ViewData) 
    {
        if (item.Key.ToLower().IndexOf("data_") == 0 || item.Key.ToLower().IndexOf("aria_") == 0) 
        {
            attribs.Add(item.Key.Replace('_', '-'), item.Value);
        } 
        else 
        {
            if (validAttribs.Contains(item.Key.ToLower()))
            {
                attribs.Add(item.Key, item.Value);
            }
        }
    }
}

@Html.CheckBox("", Model.GetValueOrDefault(), attribs)

Anda masih dapat menggunakan EditorFor. Cukup berikan atribut style / html mana saja sebagai ViewData.

@Html.EditorFor(model => model.YourProperty, new { style = "Width:50px" })

Karena EditorFor menggunakan templat untuk merender, Anda bisa mengganti templat default untuk properti Anda dan cukup meneruskan atribut style sebagai ViewData.

Jadi EditorTemplate Anda ingin yang berikut:

@inherits System.Web.Mvc.WebViewPage<object>

@Html.TextBoxFor(m => m, new { @class = "text ui-widget-content", style=ViewData["style"] })

Html.TextBoxFor(model => model.Control.PeriodType, 
    new { @class="text-box single-line"})

Anda bisa menggunakan seperti ini; output yang sama dengan Html.EditorFor, dan Anda dapat menambahkan atribut html Anda

Cukup buat template Anda sendiri untuk jenis di Views / Shared / EditorTemplates / MyTypeEditor.vbhtml

@ModelType MyType

@ModelType MyType
@Code
    Dim name As String = ViewData("ControlId")
    If String.IsNullOrEmpty(name) Then
        name = "MyTypeEditor"
    End If
End Code

' Mark-up for MyType Editor
@Html.TextBox(name, Model, New With {.style = "width:65px;background-color:yellow"})

Aktifkan editor dari tampilan Anda dengan properti model:

@Html.EditorFor(Function(m) m.MyTypeProperty, "MyTypeEditor", New {.ControlId = "uniqueId"})

Maafkan sintaks VB. Itulah cara kami menggulung.

Dalam kasus saya, saya mencoba membuat template editor input angka HTML5 yang dapat menerima atribut tambahan. Pendekatan yang lebih rapi adalah menulis HTML Helper Anda sendiri, tetapi karena saya sudah memiliki template .ascx, saya menggunakan pendekatan ini:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<input id="<%= Regex.Replace(ViewData.TemplateInfo.GetFullHtmlFieldId(""), @"[\[\]]", "_") %>" name="<%= ViewData.TemplateInfo.HtmlFieldPrefix %>" type="number" value="<%= ViewData.TemplateInfo.FormattedModelValue %>"
<% if (ViewData["attributes"] != null)
   {
       Dictionary<string, string> attributes = (Dictionary<string, string>)ViewData["attributes"];
       foreach (string attributeName in attributes.Keys){%>
        <%= String.Format(" {0}=\"{1}\"", attributeName, attributes[attributeName])%>
       <% }
   } %> />

Bit jelek ini menciptakan input tipe angka dan mencari Kamus ViewData dengan kunci "atribut". Itu akan beralih melalui kamus menambahkan pasangan kunci / nilainya sebagai atribut. Regex dalam atribut ID tidak terkait dan ada karena ketika digunakan dalam koleksi, GetFullHtmlFieldId()mengembalikan id yang berisi tanda kurung siku []yang biasanya akan dilepaskan sebagai garis bawah.

Template ini kemudian disebut seperti ini:

Html.EditorFor(m => m.Quantity, "NumberField", new { attributes = new Dictionary<string, string>() { { "class", "txtQuantity" } } }

Verbose, tetapi berhasil. Anda mungkin bisa menggunakan refleksi dalam templat untuk menggunakan nama properti sebagai nama atribut alih-alih menggunakan kamus.

Atur kondisi menggunakan ViewDatadi controller

ViewData["Modifiable"] = model.recProcessed;

Kemudian gunakan viewdata ini dalam template editor untuk mengatur atribut html kontrol

@Html.RadioButton(prefix, li.Value, li.Selected, @ViewData["Modifiable"].ToString().ToLower() == "true" ? (object)new  { @id = li.Value, @disabled = "disabled" } : new { @id = li.Value })

MVC 5.1 dan solusi yang lebih tinggi (akan menggabungkan HtmlAttributes lokal dan didefinisikan dalam EditorTemplates):

Shared \ EditorTemplates \ String.cshtml:

@Html.TextBoxFor(model => model, new { @class = "form-control", placeholder = ViewData.ModelMetadata.Watermark }.ToExpando().MergeHtmlAttributes(ViewData["htmlAttributes"].ToExpando()))

Ekstensi:

public static IDictionary<string, object> MergeHtmlAttributes(this ExpandoObject source1, dynamic source2)
{
    Condition.Requires(source1, "source1").IsNotNull().IsLongerThan(0);

    IDictionary<string, object> result = source2 == null
        ? new Dictionary<string, object>()
        : (IDictionary<string, object>) source2;

    var dictionary1 = (IDictionary<string, object>) source1;

    string[] commonKeys = result.Keys.Where(dictionary1.ContainsKey).ToArray();
    foreach (var key in commonKeys)
    {
        result[key] = string.Format("{0} {1}", dictionary1[key], result[key]);
    }

    foreach (var item in dictionary1.Where(pair => !result.ContainsKey(pair.Key)))
    {
        result.Add(item);
    }

    return result;
}

public static ExpandoObject ToExpando(this object anonymousObject)
{
    IDictionary<string, object> anonymousDictionary = new RouteValueDictionary(anonymousObject);
    IDictionary<string, object> expando = new ExpandoObject();
    foreach (var item in anonymousDictionary)
        expando.Add(item);
    return (ExpandoObject)expando;
}

public static bool HasProperty(this ExpandoObject expando, string key)
{
    return ((IDictionary<string, object>)expando).ContainsKey(key);
}

Pemakaian:

@Html.EditorFor(m => m.PromotionalCode, new { htmlAttributes = new { ng_model = "roomCtrl.searchRoomModel().promoCode" }})