Afficher un tableau/liste de données de façon dynamique dans MVC3/Rasoir à partir d'un JsonResult?

Si vous avez vraiment besoin pour aller de cette façon, alors c'est ce que vous pouvez faire. Il y a probablement de meilleures façons de le faire, mais c'est tout ce que j'ai en ce moment. Je n'ai pas d'appels de base de données, j'ai simplement utilisé des données factices. Veuillez modifier le code pour l'adapter à votre scénario. J'ai utilisé jQuery pour remplir la HTML table.

Dans mon contrôleur, j'ai l'd'une méthode d'action appelé GetEmployees qui renvoie un JSON result avec tous les employés. C'est là que vous appelez votre référentiel pour renvoyer les utilisateurs à partir d'une base de données:

public ActionResult GetEmployees()
{
     List<User> userList = new List<User>();

     User user1 = new User
     {
          Id = 1,
          FirstName = "First name 1",
          LastName = "Last name 1"
     };

     User user2 = new User
     {
          Id = 2,
          FirstName = "First name 2",
          LastName = "Last name 2"
     };

     userList.Add(user1);
     userList.Add(user2);

     return Json(userList, JsonRequestBehavior.AllowGet);
}

L'Utilisateur de la classe ressemble à ceci:

public class User
{
     public int Id { get; set; }
     public string FirstName { get; set; }
     public string LastName { get; set; }
}

Dans votre vue, vous pourriez avoir le suivant:

<div id="users">
     <table></table>
</div>

<script>

     $(document).ready(function () {

          var url = '/Home/GetEmployees';

          $.getJSON(url, function (data) {

               $.each(data, function (key, val) {

                    var user = '<tr><td>' + val.FirstName + '</td></tr>';

                    $('#users table').append(user);

               });
          });
     });

</script>

Concernant le code ci-dessus: var url = '/Home/GetEmployees'; Home est le contrôleur et GetEmployees est la méthode de l'action que vous avez défini ci-dessus.

J'espère que cette aide.

Mise à JOUR:

C'est la façon dont je l'aurais fait..

J'ai toujours de créer un modèle de vue de la classe pour une vue. Dans ce cas, je l'aurais appelé quelque chose comme UserListViewModel:

public class UserListViewModel
{
     IEnumerable<User> Users { get; set; }
}

Dans mon contrôleur, je voudrais remplir cette liste des Utilisateurs à partir d'un appel à la base de données de renvoyer tous les utilisateurs:

public ActionResult List()
{
     UserListViewModel viewModel = new UserListViewModel
     {
          Users = userRepository.GetAllUsers()
     };

     return View(viewModel);
}

Et à mon avis j'aurais suivantes:

<table>

@foreach(User user in Model.Users)
{
     <tr>
          <td>First Name:</td>
          <td>user.FirstName</td>
     </tr>
}

</table>

La manière normale de faire c'est:

• Vous obtenez les utilisateurs de la base de données dans le contrôleur.
• Vous envoyer un groupe d'utilisateurs à la Vue
• Dans la vue de la boucle de la liste des utilisateurs de créer la liste.

Vous n'avez pas besoin d'un JsonResult ou jQuery pour cela.