如何在mvc中保存单个保存中的多个选项卡中保存数据

时间:2016-03-02 15:36:25

标签: jquery asp.net-mvc asp.net-mvc-4 razor

我正在尝试使用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>

0 个答案:

没有答案