是否可以将部分视图中的特定内容渲染到主视图中？

Question

I have a partial view let say _ABCPartialView and within my partial view I have two <div> tags as below:

<div>
//some dynamic stuff
</div>

<div>
<img src="blah blah"/>
</div>

Is it possible to render only the second <div> which contains an <img> tag into my main view? This method @html.Partial("_ABCPartialView") renders all the elements of partial view. Your thoughts?

Answer 1

You can use the ViewData to provide arguments to your PartialView. For Sample:

@Html.Partial("_ABCPartialView", null, new ViewDataDictionary { { "ShowSecondDiv", true } })

And inside your PartialView, you just use:

<div>

<div>

@if ((bool)ViewData["ShowSecondDiv"])
{
    <div>

    </div>
}

Answer 2

You can pass a model into your partial which will have a property whether to do that or not. For example:

This is the model:

public class YourModel 
{
    public bool ShowDiv { get; set; }
}

This is code in your parent view and it passes the info to your partial view:

@Html.Partial("_ABCPartialView", new YourModel { ShowDiv = false });

Inside your partial view check that property and do what you need to do.

@if ((bool)Model.ShowDiv)
{
    <div>
         //some dynamic stuff
    </div>
}

A partial view can have a model just like a regular view. Also, with a model you get compiler help and intellisence so you do not have to worry about misspellings.