Legen Sie das Klassenattribut in ASP.NET MVC Razor View auf Html.EditorFor fest

Wie Sie wissen, wir können Attribute zu actionLink oder textBox in razor-Ansichten, aber wie können wir Attribute @Html.EditorFor habe, kenne ich die "EditorFor" ist ein dynamisches element, das je nach Modell-Typ, aber allen Formen, dass kann erhalten der Attribute. So gibt es einen Weg, um das Attribut zu @Html.EditorFor so etwas wie dieses: new {@class = "myclass"} ?

Kommentar zu dem Problem
Es gibt keine überlastungen für diese, daher können Sie nicht tun. Warum verwenden Sie nicht nur die eigentliche Art, die Sie möchten (z.B. TextBox) und übergeben es an, dass Kommentarautor: musefan

InformationsquelleAutor der Frage Saeid | 2011-12-19

  1. 42

    Den EditorFor Helfer rendert das entsprechende editor-template. Es könnte sein, das Standardvorlage oder einige benutzerdefinierte Vorlage, die Sie schrieb. Diese Vorlage könnte jedes markup enthalten. Es könnte enthalten viele DOM-Elemente. So, jetzt verstehen Sie, dass Sie aufgefordert werden, die für die Anwendung eine Klasse eine Vorlage keinen Sinn. Um welches element auf dieser Vorlage, die Sie wollen, dass diese Klasse angewendet werden? Zum Beispiel mit der TextBoxFor Helfer wissen Sie, dass es generiert ein einzelnes Eingabefeld, so macht es Sinn zu reden, anwenden einer CSS-Klasse, um es (das ist genau das, was die htmlAttributes argument ermöglicht es Ihnen zu tun).

    Diesem wird gesagt, gibt es verschiedene Techniken. Zum Beispiel eine, die ich sehr mag, ist zum schreiben eines benutzerdefinierten data-annotations-Modell Metadaten-provider und benutzerdefinierten editor-Vorlagen wie in der folgenden blog-post.

    Andere Möglichkeit ist das anpassen der Standard-templates (wie gezeigt, in der Brad Wilsons blog-Beitrag) und für die verschiedenen HTML-Attribute, um das entsprechende Eingabefeld ein. Nehmen wir ein Beispiel mit der string.cshtml-editor Vorlage:

    @model string
@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, ViewData)

    Und jetzt, wenn Sie wollen, machen das editor-template für einige string-Eigenschaft auf Ihrem view-Modell:

    @Html.EditorFor(x => x.SomeStringProperty, new { @class = "myclass" })

    InformationsquelleAutor der Antwort Darin Dimitrov

  2. 50

    Versuchen Sie dies: 

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

    InformationsquelleAutor der Antwort 10gler

  3. 5

    Fügen Sie benutzerdefinierte Attribute als

    @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @data_minlength = "3", @class = "form-control input-md", @placeholder = "Name", @required = "required", @id= "txtName"} })

    Ersetzen von Daten - zu @data_

    Generiere korrektes html mit Daten-

    InformationsquelleAutor der Antwort Kamran Qadir

  4. 2

    Ich glaube, dass der original-poster richtig war

    • jeder EditorFor()

      erstellt eine main HTML element (obwohl es die anderen Anwesenden), so wäre es sehr hilfreich, in der Lage sein, um eine Objekt mit HTML attributes zu gelten, dass die wichtigsten HTML element.

    • Ich möchte die HTML 5 'Autofokus' Attribut eines Feld auf jeden form,

    • aber ich will NICHT zu haben, benutzerdefinierten code zu schreiben.

    • Ich hasse die Tatsache, ich bin derzeit reduziert zu verwenden, z.B. @Html.TextBoxFor() für eine Feld gerade so, dass ich gezielt anzuwenden Attribute der input element.

    • Den EditorFor() Methode hat einen parameter Sie nennen additionalViewData, aber ich habe keine Ahnung, was Sie tun können, mit, und Suche auf MSDN wurde nicht von jedem Hilfe für mich.

    InformationsquelleAutor der Antwort user1738579

  5. -1

    Versuchen Sie diese einfachen code für das hinzufügen der Klasse @Html.EditorFor() 

    @Html.EditorFor(x => x.Demo)

<style type="text/css">

#Demo
{
   color:#fff;
   width: 50%;
}

</style>

    dieser code funktioniert gut für MVC3 -

    InformationsquelleAutor der Antwort Bilal

Schreibe einen Kommentar