Html.TextBox для формата и класса css

Question

Две строки кода ниже работают нормально, но я хочу их объединить.Я имею в виду: я хочу использовать @class в первой строке кода.Как я могу это сделать?

<%: Html.TextBoxFor(model => model.Product.Price, String.Format("{0:f}", Model.Product.Price))%>

<%: Html.TextBoxFor(model => model.Product.Name, new { @class = "textBox150" })%>

спасибо,

Филипп

Answer 1

Я знаю, что опоздал, но я только что нашел решение этой проблемы:

<%: Html.TextBoxFor(model => model.StartDate, new { @class = "datepicker", Value=String.Format("{0:d}", Model.StartDate) })%>

Answer 2

Опять же, может быть поздно, но я считаю, что гораздо лучшим решением будет использовать плагин jquery.maskedinput (также доступен как пакет nuget).

Почему лучше использовать плагин, чем просто формат ввода? Что ж, когда кто-то изменит ввод, вы потеряете форматирование, если не используете плагин.

Здесь вы можете найти пример использования и демонстрацию того, как это работает.

Answer 3

Боюсь, нет чистого способа добиться этого.Есть несколько возможностей:

1. Использовать шаблон редактора для свойства Product:

   <%: Html.EditorFor(x => x.Product) %>
   

   и внутри этого шаблона редактора:

   <%: Html.TextBox("Price", string.Format("{0:f}", Model.Product.Price), new { @class = "textBox150" }) %>
   <%: Html.TextBoxFor(model => model.Product.Name, new { @class = "textBox150" })%>        
   

2. Напишите пользовательский помощник, который добавит класс

3. Оберните эти текстовые поля в span:

   <span class="container150">
       <%: Html.TextBoxFor(model => model.Product.Price, String.Format("{0:f}", Model.Product.Price))%>
       <%: Html.TextBoxFor(model => model.Product.Name)%>
   </span>
   

   и затем изменитеВаше правило CSS:

   .container150 input {
       // some rule that applies to the textbox
   }