Asp.net mvc MVC 1模型属性的3个文本框

在表单中，我想使用3个文本框来表示一个模型属性（电话号码）。电话号码将存储为如下字符串-“614-555-4321”。我想要3个文本框，分别保存有人输入的电话号码的三个部分。实现这一点最简单/最好的方法是什么

现在我有-

@Html.TextBoxFor（m=>m.ContactInfo.Phone）

---

提交表单时，如何将其拆分为3个文本框，然后将其映射回电话号码的三个部分之间带有“-”的

ContactInfo.Phone

属性？

一种方法是在视图模型中使用三个输入属性，并组合以获取电话号码：

public string Area { get; set; }
public string Prefix { get; set; }
public string Suffix { get; set; }

public string Phone 
{
    get { return string.Format("({0}) {1}-{2}", Area, Prefix, Suffix); }
}

以及：

(@Html.TextBoxFor(model => model.Area)) @Html.TextBoxFor(model => model.Prefix)-@Html.TextBoxFor(model => model.Suffix)