Loading Multiple Views In MVC4

Question

I have just switched from PHP CI(MVC) to ASP.NET MVC4 and also i am new to .net framework. I researched loading multiple views in MVC4 but i always found loading view with multiple Models and such.... What I am trying to do is load multiple view in a single page.

For eg:

I have a view left.cshtml

<div>Hello im on the left section</div>
@RenderBody();

and have next view main.cshtml

<div class="left"> // should come in the left section of the page
    @{Layout = "left.cshtml"}
</div>
<div class="right">
    Contents at the right and many more here
</div>

and from above what i expected is:

// Left section                     Right section

Hello im on the left section |  Contents at the right
                             |  and many more here
                             |
                             |
                             |
                             |

But The result was

Hello im on the left section
Contests at the right and many more here

and the CSS are also very ok. Please help....

Looks ok, what was the result?

Anarion
– Anarion

2013-12-26 12:01:43 +00:00
Commented Dec 26, 2013 at 12:01 — Anarion
– Anarion, Commented Dec 26, 2013 at 12:01
@Anarion i updated the result.Please check

Robz
– Robz

2013-12-26 12:06:16 +00:00
Commented Dec 26, 2013 at 12:06 — Robz
– Robz, Commented Dec 26, 2013 at 12:06

Satpal · Accepted Answer · 2013-12-26 12:05:19Z

1

I think you are looking to render partial view. So use

@Html.Partial("ViewName")

OR

@{ Html.RenderPartial("ViewName");  }

answered Dec 26, 2013 at 12:05

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Robz Over a year ago

is the left cshtml page?

Anarion · Accepted Answer · 2013-12-26 13:08:18Z

Layout is your main page, it goes "Around" of what is rendered via RenderBody. So, if you want to have your right section always same, and substitute different views to your left section you can create a layout containing "structure" of the page, and then render different views into it. Your code should be:

layout.chtml:

<div class="left"> // should come in the left section of the page
 //Your left.chtml will be substituted here
   @RenderBody();
</div>
<div class="right">
    Contents at the right, they are always the same
</div>

left.chtml

//This line shows which layout you are going to use
@{Layout = "left.cshtml"}
//Whole code below is substitued in plase of "RenderBody" of your layout page
Contents at the left.

P.S you have to return the left view, not the laout view in your contoller.

Collectives™ on Stack Overflow

Loading Multiple Views In MVC4

2 Answers 2

OR

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

OR

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related