我正在尝试使用bootstrapp选项卡创建一个包含多个tabb的UI。我需要能够做到以下
通过在标签之间导航来查看所有标签数据
所有标签数据的常见保存应该呈现所有标签,用户应该能够通过随机浏览标签来保存/编辑所有元素的数据。
我已经实现了如下标签
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<ul id="datatabs" class="nav nav-tabs nav-justified">
<li class="active"><a data-toggle="tab" href="#details" id="TabDetailsLink">Personal Details</a></li>
<li><a data-toggle="tab" href="#tab2" id="Tab2Link">tab2</a></li>
<li><a data-toggle="tab" href="#tab3" id="Ttab2Link">tab3</a></li>
<li><a data-toggle="tab" href="#tab4" id="Tab4Link">tab4</a></li>
<li><a data-toggle="tab" href="#tab5" id="Tab5Link">tab5</a></li>
</ul>
<div id="DataView" class="tab-content">
<div id="tab1" class="tab-pane fade">
<br />
//here I have my controls
</div>
<div id="tab2" class="tab-pane fade">
<br />
</div>
<div id="tab3" class="tab-pane fade">
<br />
</div>
</div>
详情实体:
public class Detail : XXXBaseEntity
{
public int tab1ID { get; set; }
public string tab1name { get; set; }
public string Surname { get; set; }
public virtual ICollection<Tab2> StudentStaffs { get; set; }
public virtual ICollection<Tab3> tab3Data { get; set; }
public virtual ICollection<Tab4> Emails { get; set; }
public virtual ICollection<Tab5> Tab5 { get; set; }
}
详情视图模型
public class DetailVM
{
public Detail Details{ get; set; }
}
有人可以告诉我如何使用ASP.NET MVC 4中的最佳实践来实现这一点吗?用户应该能够通过一次单击按钮将Forms数据(从所有选项卡)保存到数据库(diffent表)。 / p>