Html.TextBoxFor 格式和 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

恐怕没有干净的方法来实现这一目标。有几种可能性：

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 中：

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

   然后修改您的 CSS 规则：

   .container150 输入 {
       // 一些适用于文本框的规则
   }
   

Answer 3

再说一遍，可能已经晚了，但我相信更好的解决方案是使用 jquery.maskedinput 插件（也可以作为 nuget 包提供）。

为什么使用插件比仅使用输入格式更好？好吧，当有人修改输入时，如果您不使用插件，您将失去格式。

在这里您可以找到其用法和工作原理的演示。