一页中的两个部分视图?

时间:2017-06-09 05:33:56

标签: c# asp.net-mvc asp.net-mvc-4 partial-views

IMage我试图在1个视图/页面下使用2个部分视图 - 搜索过滤器的前半页&表格显示的下半页。它也工作,但问题是白色内容面板是固定大小。也就是说,如果我的桌子有数据,它就会从白色面板中出来。

<section class="content admin_table">
   @RenderBody()
</section>

我在Layout中使用上面的类。在索引视图中,我渲染两个部分视图。我的代码部分在

之下
 @Html.Partial("_view1", Model.Filter)
 @Html.Partial("_view2", Model.Result)

我的索引页

@model SW.Web.ViewModels.CommonVM
@{
    Layout = "~/Views/Shared/_Layout1.cshtml";
    ViewBag.Title = "Title";
    ViewBag.Header = "Details";
       }
<link href="~/Content2/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" />

  <!DOCTYPE html>

@section JavaScript{

<Script> .....</script>
<Script> .....</script>
}
@Html.Partial("_view1", Model.Filter)
 @Html.Partial("_view2", Model.Result)

和我的部分观点1

 @model SW.Web.ViewModels.viewmodel1 
     @{
    using (Html.BeginForm("Index", "Details", FormMethod.Post, new { d= Model }))
    {
        @Html.ValidationSummary(true)
  <div>.....Design</div>
}

和我的部分观点2

 @model IEnumerable<SW.Web.ViewModels.Viewmodel2>
    @{
     <div> Designs for partial view 2</div>

}

3 个答案:

答案 0 :(得分:1)

所以创建一个视图 搜索部分视图,如

//Serach view
<div class="white">
<h2>Search view</h2>
<--! search coading-->
   @Html.RenderPartial("Table_View", objectvalue2);
</div>

使用以下行

 @Html.RenderPartial("_SearchView", objectvalue1);

在另一页

答案 1 :(得分:0)

  1. controller action
  2. @ Html.Action(&#34; action1&#34;,&#34; Controller&#34;,new {id = Model.idOfPart1})

    @ Html.Action(&#34; action2&#34;,&#34; Controller&#34;,new {id = Model.idOfPart2})

    1. rendering view
    2. @ Html.Render(&#34; ParialView1&#34;,Model.model1)

      @ Html.Render(&#34; PartialView2&#34;,Model.model2)

答案 2 :(得分:0)

我知道这已经有一年多了,但以防万一有人偶然发现这篇文章。 RenderPartialView的编写方式如下:

@{@Html.RenderPartial("_yourPartial", yourModel)}