dacanizares

public class Videojuego
{
  public int Id { get; set; }
  
  public string Nombre { get; set; }
  
  public string Descripcion { get; set; }
  
  public string ImagenUrl { get; set; }
}

dacanizares

public class HomeController : Controller
{
    private ApplicationDbContext db = new ApplicationDbContext();

    public ActionResult Index()
    {
        return View();
    }

    public ActionResult MostrarTodos()

dacanizares

@model IEnumerable<ProjectDemo.Models.Videojuego>

@foreach (var item in Model) {
    
}

dacanizares

@model IEnumerable<ProjectDemo.Models.Videojuego>

<div class="list-group">
    @foreach (var item in Model)
    {
        <a data-url="@Url.Content(string.Format("~/Home/MostrarVideojuego/{0}", item.Id))"
           class="list-group-item">
            @item.Nombre
        </a>
    }

dacanizares

@model ProjectDemo.Models.Videojuego

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">
            @Model.Nombre
        </h3>
    </div>
    <div class="panel-body">
        <h4>Imagen</h4>

dacanizares

private ApplicationDbContext db = new ApplicationDbContext();

dacanizares

<h2>
    Videojuegos
</h2>

<div class="row">
    <div class="col-sm-4" id="todos">

    </div>
    <div class="col-sm-8" id="videojuego">

dacanizares

@section scripts
{
    <script>
      // Esta función se ejecuta al cargar la página
      $(function () {
          // Obtiene mediante ajax la partial view
          // que tiene el listado de juegos
          $.ajax({               
              url: "@Url.Content("~/Home/MostrarTodos")"
          }).done(function (data) {

dacanizares

@section scripts
{
    <script>
        // Aquí arriba debe ir lo que acabamos de programar
    
        // Handler para el click en los elementos del div
        // que contiene el listado de los videojuegos
        $('#todos').on('click', 'a[data-url]', function () {
            // Obtenemos la url a la que
            // se debe hacer el llamado con ajax

dacanizares

@{
    ViewBag.Title = "Bienvenido";
}

<h2>
    Videojuegos
</h2>

<div class="row">
    <div class="col-sm-4" id="todos">