Question

我想创建一个具有父视图的应用程序，其中有多个选项卡，每个选项卡内部都有数据库特定表的CRUD操作。所以我使用jquery ui在父视图中创建选项卡，并制作了部分视图＆＃34;索引＆＃34;对于每个表并像这样呈现它们：

 <div id="tabs-1">
    @{Html.RenderAction("Index", "companies");}
 </div>
 <div id="tabs-2">
     @{Html.RenderAction("Index", "users");}
 </div>

对于CRUD操作，我使用Html.RenderPartial为我在索引视图中呈现的每个操作创建了部分视图。

问题是只有索引视图显示在选项卡内，如果您单击其中一个CRUD（例如创建新公司），它会将您重定向到另一个URL（例如，公司/创建）。

那么在同一个标签中呈现它们的正确方法是什么？有没有更好的方法来做到这一点？（我可能认为SPA）。

Answer 1

您可以使用此示例，在按钮上单击提交调用此方法 - 确保构建数据并以JSON格式发送。

部分视图 - http://www.codeproject.com/Tips/617361/Partial-View-in-ASP-NET-MVC

@Html.Partial("~/Views/Shared/_Product.cshtml", product);

Html.RenderPartial("~/Views/Shared/_Product.cshtml", product);

发送请求 - http://www.codeproject.com/Articles/795483/Do-GET-POST-PUT-DELETE-in-asp-net-MVC-with-Jquery

$.ajax({
    url: '/User/Create',
    dataType: "json",
    type: "POST",
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ user: { name: 'Rintu', email: 'Rintu@gmial.com' } }),
    async: true,
    processData: false,
    cache: false,
    success: function (data) {
        alert(data);
    },
    error: function (xhr) {
        alert('error');
    }
})

选项卡MVC内的局部视图内的多个子局部视图（crud）

1 个答案: