انتخاب یک فیلداز یک ستون در ویو - لیستی از مقادیر

[RIG000]

سلام.
من ادرس عکسم تو جدولم هست. اونو میگیرم عکس رو تو پوشه پیدا میکنم و لودش میکنم. و به صورت کوچک میبینم تو لیستم.
حالا من اومدم یه سری استایل دادم به ویو بعدی که میخاد باز بشه . حالا شما فکر کنین من 10 تا رکورد دارم و تو 10 تا رکوردم فیل عکس رو یک عکس گرفته . این کدهامه

</td>
<td class="text-center ">
@*data-target=".bs-example-modal-lg"*@
<a data-toggle="modal" data-target="#myModal" >
<img style="width:30px ;height:30px;" src="@Url.Content(@item.ProductImage)" />
</a>
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-title">
<h4 style="color: green">@item.ProductName </h4>
<br />
<p>برنامه های خود را از ما بخواهید - کدنویس دات کام</p>

</div>
<div class="modal-body">
<img style="width:150px ;height:150px;" src="@Url.Content(item.ProductImage)" />

</div>

<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">برگشت </button>
</div>
</div>
</div>
</div>

</td>
این قسمت ستون عکس است.
حالا سوال من اینکه من وقتی روی رکورد اول و روی فیلد عکس کلیک میکنم عکس رو بهم نشون میده وحالا میرم هر رکورد بعدی که کلیک میکنم روی عکساشون باز عکس رکورد اول رو نشون میده .!!
در صورتی که من روی عکس رکورد 6 مثلا" کلیک کردم!
چیکارش کنم؟

[RIG000]

کسی نبود بهمون بگه چه جوری از این لامبادا استفاده کنیم. من میدونم مشکل همین دور و براست.

src="@Url.Content(item.ProductImage)

[RIG000]

این ویو

@model IEnumerable<CodeNevis.Models.Product>

@{
ViewBag.Title = "Index";
Layout = "~/Views/_Sheard/_LayoutProject.cshtml";
}

<table class="table table-striped table-bordered table-hover ">
<thead>
<tr style="color: yellow">
<th class="text-center">
<b style="color: white"><u>ابزار</u></b>
</th>

<th class="text-center ">
@Html.DisplayName("تصویر")
</th>
<th class="text-center ">
@Html.DisplayName("توضیحات")
</th>
<th class="text-center ">
@Html.DisplayName("تاریخ ثبت")
</th>
<th class="text-center ">
@Html.DisplayName("قیمت-تومان")
</th>
<th class="text-center ">
@Html.DisplayName("نام کالا")
</th>




</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td class="text-center ">
@if (User.Identity.IsAuthenticated && User.Identity.Name == "adminsiahbil")
{

@Html.ActionLink("Edit", "Edit", new { id = item.ProductId });
@Html.ActionLink("Details", "Details", new { id = item.ProductId });
@Html.ActionLink("Delete", "Delete", new { id = item.ProductId });

}
else
{

@Html.ActionLink("خرید", "bank");
}

</td>
<td class="text-center ">
@*data-target=".bs-example-modal-lg"*@
<img data-toggle="modal" data-target="#myModal" style="width:30px ;height:30px;" src="@Url.Content(@item.ProductImage)" />
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-title">
<h4 style="color: green">@item.ProductName</h4>
<br />
<p>برنامه های خود را از ما بخواهید - کدنویس دات کام</p>

</div>
<div class="modal-body">

@* @Html.DisplayFor(model => item.ProductImage);*@

<img style="width:150px ;height:150px;" src="@Url.Content(item.ProductImage)" />

</div>

<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">برگشت </button>
</div>
</div>
</div>
</div>

</td>
<td class="text-right ">
@Html.DisplayFor(modelItem => item.ProductDescription)
</td>
<td class="text-center ">
@Html.DisplayFor(modelItem => item.ProductDate)
</td>
<td class="text-center ">
@Html.DisplayFor(modelItem => item.ProductPrice)
</td>
<td class="text-center ">
@Html.DisplayFor(modelItem => item.ProductName)
</td>

</tr>
}
</tbody>
</table>




این اکشن

public ActionResult Index()
{
return View(db.Products.ToList());
}

[RIG000]

به اکشن ربط نداره. موقعی که اطلاعات من تو جدول نمایش داده میشن من مثلا 10رکورد دارم و تو ستون تصویر میخام وقتی روی هر فیلد تصویر کیلک کردم

<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-title">
<h4 style="color: green">@item.ProductName</h4>
<br />
<p>برنامه های خود را از ما بخواهید - کدنویس دات کام</p>

</div>
<div class="modal-body">

@* @Html.DisplayFor(model => item.ProductImage);*@

<img style="width:150px ;height:150px;" src="@Url.Content(item.ProductImage)" />

</div>

<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">برگشت </button>
</div>
</div>
</div>
</div>
اینجا نمایش داده بشه .

[RIG000]

وقتی روی این کلکیک میکنم اینجوری عکس باس فرستاده شه . فقط عکس رکورد اول فرستاده میشه.

<img data-toggle="modal" data-target="#myModal" style="width:30px ;height:30px;" src="@Url.Content(@item.ProductImage)" />