Властивості EditorFor () та html

Asp.Net MVC 2.0 збірки попереднього перегляду надають таких помічників

Html.EditorFor(c => c.propertyname)

Якщо ім'я властивості є рядковим, наведений вище код надає текстове поле.

Що робити, якщо я хочу передати властивості MaxLength і Size у текстове поле чи власне властивість класу css?

Чи потрібно мені створити один шаблон для кожної комбінації розмірів і довжин у моїй програмі? Якщо так, це не робить шаблони за замовчуванням корисними.

У MVC3 ви можете встановити ширину наступним чином:

@Html.TextBoxFor(c => c.PropertyName, new { style = "width: 500px;" })

Я вирішив це, створивши EditorTemplate на ім'я String.ascx у папці / Views / Shared / EditorTemplates:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %>
<% int size = 10;
   int maxLength = 100;
   if (ViewData["size"] != null)
   {
       size = (int)ViewData["size"];
   }
   if (ViewData["maxLength"] != null)
   {
       maxLength = (int)ViewData["maxLength"];
   }
%>
<%= Html.TextBox("", Model, new { Size=size, MaxLength=maxLength }) %>

На мій погляд, я використовую

<%= Html.EditorFor(model => model.SomeStringToBeEdited, new { size = 15, maxLength = 10 }) %>

Діє як шарм для мене!

Жодна відповідь у цій чи будь-якій іншій темі щодо встановлення HTML-атрибутів для @ Html.EditorДо мене не дуже допомогла. Однак я знайшов чудову відповідь на

Створення помічника @ Html.EditorДля помічника

Я використовував той самий підхід, і він спрацював прекрасно, не записуючи багато зайвого коду. Зауважте, що атрибут id виводу html виводу Html.EditorFor встановлений. Код перегляду

<style type="text/css">
#dob
{
   width:6em;
}
</style>

@using (Html.BeginForm())
{
   Enter date: 
   @Html.EditorFor(m => m.DateOfBirth, null, "dob", null)
}

Властивість моделі з анотацією даних та форматуванням дати "dd MMM yyyy"

[Required(ErrorMessage= "Date of birth is required")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd MMM yyyy}")]
public DateTime DateOfBirth { get; set; }

Працював як шарм, не написавши багато зайвого коду. У цій відповіді використовується ASP.NET MVC 3 Brzor C #.

Можливо, захочеться переглянути блог Кірана Чанда , він використовує власні метадані у моделі перегляду, такі як:

[HtmlProperties(Size = 5, MaxLength = 10)]
public string Title { get; set; }

Це поєднується з користувацькими шаблонами, які використовують метадані. На мій погляд, чистий і простий підхід, але я хотів би бачити, щоб цей звичайний випадок використання був вбудований у mvc.

Я здивований, що ніхто не згадав про те, щоб передати його в "AdditionalViewData" і прочитати його з іншого боку.

Перегляд (з розривами рядків, для наочності):

<%= Html.EditorFor(c => c.propertyname, new
    {
        htmlAttributes = new
        {
            @class = "myClass"
        }
    }
)%>

Шаблон редактора:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %>

<%= Html.TextBox("", Model, ViewData["htmlAttributes"])) %>

Проблема полягає в тому, що ваш шаблон може містити кілька елементів HTML, тому MVC не знатиме, до якого застосувати розмір / клас. Вам доведеться визначити це самостійно.

Зробіть свій шаблон похідним із власного класу під назвою TextBoxViewModel:

public class TextBoxViewModel
{
  public string Value { get; set; }
  IDictionary<string, object> moreAttributes;
  public TextBoxViewModel(string value, IDictionary<string, object> moreAttributes)
  {
    // set class properties here
  }
  public string GetAttributesString()
  {
     return string.Join(" ", moreAttributes.Select(x => x.Key + "='" + x.Value + "'").ToArray()); // don't forget to encode
  }

}

У шаблоні ви можете це зробити:

<input value="<%= Model.Value %>" <%= Model.GetAttributesString() %> />

На ваш погляд, ви робите:

<%= Html.EditorFor(x => x.StringValue) %>
or
<%= Html.EditorFor(x => new TextBoxViewModel(x.StringValue, new IDictionary<string, object> { {'class', 'myclass'}, {'size', 15}}) %>

Перша форма відобразить шаблон за замовчуванням для рядка. У другій формі буде відображено спеціальний шаблон.

Альтернативний синтаксис використовує вільний інтерфейс:

public class TextBoxViewModel
{
  public string Value { get; set; }
  IDictionary<string, object> moreAttributes;
  public TextBoxViewModel(string value, IDictionary<string, object> moreAttributes)
  {
    // set class properties here
    moreAttributes = new Dictionary<string, object>();
  }

  public TextBoxViewModel Attr(string name, object value)
  {
     moreAttributes[name] = value;
     return this;
  }

}

   // and in the view
   <%= Html.EditorFor(x => new TextBoxViewModel(x.StringValue).Attr("class", "myclass").Attr("size", 15) %>

Зауважте, що замість того, щоб робити це у представленні даних, ви також можете це зробити в контролері або набагато краще в ViewModel:

public ActionResult Action()
{
  // now you can Html.EditorFor(x => x.StringValue) and it will pick attributes
  return View(new { StringValue = new TextBoxViewModel(x.StringValue).Attr("class", "myclass").Attr("size", 15) });
}

Також зауважте, що ви можете створити базовий клас TemplateViewModel - спільну основу для всіх ваших шаблонів перегляду - який буде містити базову підтримку атрибутів / тощо.

Але загалом я думаю, що MVC v2 потребує кращого рішення. Це все-таки бета-версія - іди проси;

Я думаю, що використання CSS - це шлях. Я хотів би, щоб я міг зробити більше з кодування .NET, як у XAML, але в браузері CSS є королем.

Site.css

#account-note-input { 
  width:1000px; 
  height:100px; 
} 

.cshtml

<div class="editor-label"> 
  @Html.LabelFor(model => model.Note) 
</div> 
<div class="editor-field"> 
  @Html.EditorFor(model => model.Note, null, "account-note-input", null) 
  @Html.ValidationMessageFor(model => model.Note) 
</div>

Джо

Як і в MVC 5, якщо ви хочете додати будь-які атрибути, ви можете просто зробити

 @Html.EditorFor(m => m.Name, new { htmlAttributes = new { @required = "true", @anotherAttribute = "whatever" } })

Інформація, знайдена в цьому блозі

Ви можете визначити атрибути для своїх властивостей.

[StringLength(100)]
public string Body { get; set; }

Це відомо як System.ComponentModel.DataAnnotations. Якщо ви не можете знайтиValidationAttribute що вам потрібно, ви завжди можете визначити власні атрибути.

З найкращими побажаннями, Карлос

Це може бути не найкрутішим рішенням, але це прямо. Ви можете написати розширення до класу HtmlHelper.EditorFor. У цьому розширенні ви можете надати параметр параметрів, який запише параметри в ViewData для помічника. Ось код:

Спочатку метод розширення:

public static MvcHtmlString EditorFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, TemplateOptions options)
{
    return helper.EditorFor(expression, options.TemplateName, new
    {
        cssClass = options.CssClass
    });
}

Далі об’єкт параметрів:

public class TemplateOptions
{
    public string TemplateName { get; set; }
    public string CssClass { get; set; }
    // other properties for info you'd like to pass to your templates,
    // and by using an options object, you avoid method overload bloat.
}

І нарешті, ось рядок із шаблону String.ascx:

<%= Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { @class = ViewData["cssClass"] ?? "" }) %>

Відверто кажучи, я думаю, що це ясно і зрозуміло бідній душі, яка має підтримувати ваш код у дорозі. І це легко розширити на різні інші шматочки інформації, які ви хочете передати вашим шаблонам. Наразі це добре працює для мене в проекті, де я намагаюся загорнути якомога більше у набір шаблонів, щоб допомогти стандартизувати навколишній HTML, a la http://bradwilson.typepad.com/blog/2009/ 10 / aspnet-mvc-2-templates-part-5-master-page-templates.html .

Я написав запис у блозі, щоб відповісти на власне запитання

Додавання підтримки атрибутів html для шаблонів - ASP.Net MVC 2.0 Beta

Я не знаю, чому це не працює для Html.EditorFor, але я спробував TextBoxFor, і він працював на мене.

@Html.TextBoxFor(m => m.Name, new { Class = "className", Size = "40"})

... а також працює перевірка.

У своїй практиці я виявив, що найкраще використовувати EditorTemplates із лише одним HtmlHelper у ньому - TextBox, який є в більшості випадків. Якщо я хочу шаблон для більш складної структури html, я напишу окремий HtmlHelper.

Враховуючи, що ми можемо вставити весь об’єкт ViewData замість htmlAttributes TextBox. Крім того, ми можемо написати код налаштування для деяких властивостей ViewData, якщо вони потребують спеціального лікування:

@model DateTime?

@*
    1) applies class datepicker to the input;
    2) applies additionalViewData object to the attributes of the input
    3) applies property "format" to the format of the input date.
*@

@{
    if (ViewData["class"] != null) { ViewData["class"] += " datepicker"; }
    else { ViewData["class"] = " datepicker"; }
    string format = "MM/dd/yyyy";
    if (ViewData["format"] != null)
    {
        format = ViewData["format"].ToString();
        ViewData.Remove("format");
    }
}

@Html.TextBox("", (Model.HasValue ? Model.Value.ToString(format) : string.Empty), ViewData)

Нижче наведено приклади синтаксису у представленні та вихідний html:

@Html.EditorFor(m => m.Date)

<input class="datepicker" data-val="true" data-val-required="&amp;#39;Date&amp;#39; must not be empty." id="Date" name="Date" type="text" value="01/08/2012">

@Html.EditorFor(m => m.Date, new { @class = "myClass", @format = "M/dd" })

<input class="myClass datepicker" data-val="true" data-val-required="&amp;#39;Date&amp;#39; must not be empty." id="Date" name="Date" type="text" value="1/08">

Оскільки питання стосується EditorFor не TextBoxFor, пропозиція WEFX не працює.

Для зміни окремих вхідних полів ви можете обробити вихід методу EditorFor:

<%: new HtmlString(Html.EditorFor(m=>m.propertyname).ToString().Replace("class=\"text-box single-line\"", "class=\"text-box single-line my500pxWideClass\"")) %>

Можна також змінити ВСІ ваш редактор, оскільки виявляється, MVC встановлює клас текстових полів редактора для .text-box , тому ви можете просто перекрити цей стиль у вашому аркуші стилів або на сторінці.

.text-box {
    width: 80em;
}

Крім того, ви можете встановити стиль для

input[type="text"] {
    width: 200px;
}

• це перекриває .text-box і змінить усі текстові поля вводу, EditorFor або іншим чином.

У мене також виникли проблеми із встановленням ширини TextBox у MVC3, при встановленні атрибута Clsss працював для управління TextArea, але не для управління TextBoxДля управління EditorFor:

Я спробував наступне, і це працювало для мене:

@ Html.TextBoxFor (model => model.Title, новий {Class = "textBox", style = "width: 90%;"})

також у цьому випадку перевірки працюють чудово.

Один із способів ви можете його обійти, маючи делегатів на переглянутій моделі для обробки друку спеціального візуалізації, як цього. Я зробив це для класового підключення, я виставляю публічну власність на модельFunc<int, string> RenderUrl щоб вирішити це.

Отже, визначте, як буде записаний спеціальний біт:

Model.Paging.RenderUrl = (page) => { return string.Concat(@"/foo/", page); };

Виведіть подання для Pagingкласу:

@Html.DisplayFor(m => m.Paging)

... і для фактичного Pagingперегляду:

@model Paging
@if (Model.Pages > 1)
{
    <ul class="paging">
    @for (int page = 1; page <= Model.Pages; page++)
    {
        <li><a href="@Model.RenderUrl(page)">@page</a></li>
    }
    </ul>
}

Це може сприйматись як надмірно складні питання, але я використовую ці пейджери скрізь і не можу витримати бачення того ж кодового коду, щоб отримати їх.

ОНОВЛЕННЯ: hm, очевидно, це не буде працювати, оскільки модель передається за значенням, тому атрибути не збереглися; але цю відповідь я залишаю як ідею.

Іншим рішенням, я думаю, було б додати власні помічники TextBox / etc, які перевірять ваші власні атрибути на моделі.

public class ViewModel
{
  [MyAddAttribute("class", "myclass")]
  public string StringValue { get; set; }
}

public class MyExtensions
{
  public static IDictionary<string, object> GetMyAttributes(object model)
  {
     // kind of prototype code...
     return model.GetType().GetCustomAttributes(typeof(MyAddAttribute)).OfType<MyAddAttribute>().ToDictionary(
          x => x.Name, x => x.Value);
  }
}

<!-- in the template -->
<%= Html.TextBox("Name", Model, MyExtensions.GetMyAttributes(Model)) %>

Це легше, але не настільки зручно / гнучко.

Це найчистіший і найелегантніший / простий спосіб отримати рішення тут.

Блискуча публікація в блозі та безладна надмірність у написанні спеціальних методів розширення / помічників, як шалений професор.

http://geekswithblogs.net/michelotti/archive/2010/02/05/mvc-2-editor-template-with-datetime.aspx

Мені дуже сподобалась відповідь @tjeerdans, яка використовує редактор шаблону з назвою String.ascx у папці / Views / Shared / EditorTemplates. Здається, це найпростіша відповідь на це питання. Однак я хотів шаблон із використанням синтаксису Razor. Крім того, здається, що MVC3 використовує шаблон String як за замовчуванням (див. Питання StackOverflow " Шаблон відображення mvc для рядків використовується для цілих чисел "), тому вам потрібно встановити модель на об'єкт, а не на рядок. Здається, мій шаблон працює дотепер:

@model object 

@{  int size = 10; int maxLength = 100; }

@if (ViewData["size"] != null) {
    Int32.TryParse((string)ViewData["size"], out size); 
} 

@if (ViewData["maxLength"] != null) {
    Int32.TryParse((string)ViewData["maxLength"], out maxLength); 
}

@Html.TextBox("", Model, new { Size = size, MaxLength = maxLength})

Я це вирішив !!
Для синтаксису Razor синтаксис такий:
@Html.TextAreaFor(m=>m.Address, new { style="Width:174px" })це регулює ширину області тексту до ширини, яку я визначив у параметрі стилю.
Для ASPx синтаксис такий:
<%=Html.TextAreaFor(m => m.Description, new { cols = "20", rows = "15", style="Width:174px" })%>
це зробить трюк