javascript - 인덱스 - jquery list each




jQuery:객체 목록을 순회/반복하는 방법 (2)

웹 앱 개발에 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 유형의 객체 목록이 있습니다. 이제 Jquery 사용하여 AllUsers 목록의 각 사용자 객체를 반복하고 데이터를 가져오고 싶습니다.

그렇게하기 위해 다음과 같은 작업을 시도했습니다.

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

위의 방법을 사용하여 다른 조합을 시도했지만 성공하지 못했습니다. 누구나 같은 솔루션을 제안 할 수 있습니까?

미리 감사드립니다.


다음을 사용하여 컬렉션을 자바 스크립트 변수에 할당

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;
  ....
});

위의 CSHTML 파일의 일부인 경우 작동하지만 JavaScript는 일반적으로 면도기 구성 요소에 만족하지 않습니다.

다른 접근 방식은 다음과 같습니다.

  1. 면도기 @foreach ... 사용하여 컬렉션 표시 @foreach ...
  2. 일부 이벤트에서 컬렉션을 매개 변수로 웹 페이지에서 JavaScript 함수로 전달

이 함수를 어떻게 호출합니까?





razor