Her zaman olduğu gibi model ile başlamak:
public class MyViewModel
{
public int Id { get; set; }
public string Title { get; set; }
}
public class DetailsViewModel
{
public string Foo { get; set; }
public string Bar { get; set; }
}
sonra kontrolör:
public class HomeController : Controller
{
public ActionResult Index()
{
// TODO: don't hardcode, fetch from repository
var model = Enumerable.Range(1, 10).Select(x => new MyViewModel
{
Id = x,
Title = "item " + x
});
return View(model);
}
public ActionResult Details(int id)
{
// TODO: don't hardcode, fetch from repository
var model = new DetailsViewModel
{
Foo = "foo detail " + id,
Bar = "bar detail " + id
};
return PartialView(model);
}
}
ve ilgili görünümleri.
~/Views/Home/Index.cshtml
:
@model IEnumerable<MyViewModel>
<ul>
@Html.DisplayForModel()
</ul>
<div id="details"></div>
<script type="text/javascript">
$(function() {
$('.detailsLink').click(function() {
$('#details').load(this.href);
return false;
});
});
</script>
~/Views/Home/Details.cshtml
:
@model DetailsViewModel
@Model.Foo
@Model.Bar
~/Views/Home/DisplayTemplates/MyViewModel.cshtml
:
@model MyViewModel
<li>
@Html.ActionLink(Model.Title, "details", new { id = Model.Id }, new { @class = "detailsLink" })
</li>
'u şu ana kadar kullandığınız kodu yükleyebilir misiniz? – gideon