强类型视图（ASP.NET MVC5）中的多个局部视图 无法获取相对路径

Question

I am having an issue that after saving relative path I cannot get picture in a list, and having error:

CS1061
'IEnumerable<tbl_Advertisement>' does not contain a definition for 'Imagepath' and no extension method 'Imagepath' accepting a first argument of type 'IEnumerable<tbl_Advertisement>' could be found (are you missing a using directive or an assembly reference?) GawadarHubUI C:\\Users\\Omer FarooQ\\Desktop\\GawadarHubistan\\GawadarHubUI\\GawadarHubUI\\Areas\\Common\\Views\\SampleViewAD\\Index.cshtml
73
Active

This rrror in just view line: @Html.DisplayNameFor(model => Model.ImagePath) that after type Model . I cannot get the the property Name ImagePath , rather it's showing me Extension methods and methods

Controller CODE

using BLL;
using BOL;
using DAL;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace GawadarHubUI.Areas.Common.Controllers
{
    [AllowAnonymous]
    public class SampleViewADController : Controller
    {
        GawadarHubDbEntities db = new GawadarHubDbEntities();

        private AdBl objbl;
        public SampleViewADController()
        {
            objbl = new AdBl();
        }


        // GET: Common/SampleViewAD
        [HttpGet]
        public ActionResult Index()
        {
            try
            {
                var urls = objbl.GetAll().Where(x => x.isapproved == "A").ToList();
                return View(urls);
            }
            catch (Exception e1)
            {
                TempData["Msg"] = "Approve Failed : " + e1.Message;
                return RedirectToAction("Index");
            }
        }
    }
}

View code:

@model IEnumerable<BOL.tbl_Advertisement>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>
@if (TempData["Msg"] != null)
{
    <div class="alert alert-dismissable alert-info">
        <button type="button" class="close" data-dismiss="alert">×</button>
        @TempData["Msg"].ToString()
    </div>}

<p>
    @Html.ActionLink("SampleViewADController", "urls")
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.adtitle)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.adsociety)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.addesc)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.isapproved)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.contactNumber)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.ImagePath)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.price)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Size)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.tbl_Category.cname)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.tbl_User.useremail)
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.adtitle)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.adsociety)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.addesc)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.isapproved)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.contactNumber)
            </td>
            <td>
                @Html.DisplayFor(model => Model.ImagePath)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.price)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Size)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.tbl_Category.cname)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.tbl_User.useremail)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id = item.adid }) |
                @Html.ActionLink("Details", "Details", new { id = item.adid }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.adid })
            </td>
        </tr>
    }

</table>

Answer 1

Try to replace

@Html.DisplayFor(model => Model.ImagePath)

with

<img src= "@Url.Content(item.ImagePath)" alt="Image" />

Should work.

Answer 2

Your define that your model is a collection:

@model IEnumerable<BOL.tbl_Advertisement>

So every time you write Model. , you are referencing this collection.

The collection ( IEnumerable<BOL.tbl_Advertisement> ) has no property for Imagepath , as the error message tells you.

IEnumerable<tbl_Advertisement> does not contain a definition for Imagepath

Rather, the elements ( tbl_Advertisement ) of the collection have this property.

This is what Stephen and Igor meant when they wrote that you need to access the Imagepath through the elements of the collection.

Either by looping over the collection:

@foreach (var item in Model) {
   <img src= "@Url.Content(item.ImagePath)" alt="Image" />
}

Or for the first element only:

var imagePath = Model.ElementAt(0).ImagePath;