jQuery: Как перемещаться/перебирать по списку объектов

Question

Я использую asp.net MVC4 для разработки веб-приложений.

Я хотел бы пересечь список объектов из ViewModel.

Ниже класс объекта:

public class User 
{ 
     public int Id {get; set;} 
     public string Name {get; set;} 
     public string Address {get; set;} 
     public string Department {get; set;} 
} 

Ниже мой ViewModel класс:

public class UserViewModel 
{ 
     public List<User> AllUsers {get; set;} 
     public bool IsDeleted {get; set;} 
} 

Как видно в UserViewModel классе, у меня есть список объектов типа User. Теперь я хотел бы выполнить итерацию через каждый из объектов пользователя в списке AllUsers с использованием Jquery и получить данные из них.

Для того, чтобы сделать это, я пытался сделать что-то вроде следующего:

$(@Model.AllUsers).each(function(){ .... }); 

Я пробовал различные комбинации, используя вышеупомянутый подход, но не смог добиться успеха. Может ли кто-нибудь предложить решение для того же самого.

Заранее спасибо.

Answer 1

Назначает свою коллекцию на яваскрипт переменного с помощью

var users = @Html.Raw(Json.Encode(Model.AllUsers)) 

который вы можете итерации по

$.each(users, function(index, item) { 
    // access the properties of each user 
    var id = item.Id; 
    var name = item.Name; 
    .... 
}); 

Answer 2

<script type="text/javascript"> 

    var UsersList = @Html.Raw(Json.Encode(Model.AllUsers)) 

    for (var i = 0; i < UsersList.length; i++) { 
     alert(UsersList[i].Id); 
     alert(UsersList[i].Name); 

    } 
</script> 

Answer 3

JavaScript обычно несчастен с компонентами бритвы, хотя, если выше является частью Файл CSHTML будет работать.

Другие подходы:

1. Отображение коллекции с помощью бритвы @foreach ...
2. Пропустите коллекцию в качестве параметра от вас веб-страницы в функцию JavaScript на каком-то событии

Как вы звоните эта функция и что она делает?