2012-04-17 3 views
1

이것은 아래 예제입니다. 내 프로젝트에서 knockout.mapping 플러그인을 사용하고 있습니다. 나는 JQuery와 아약스를 사용하여 데이터베이스를 형성 자궁강 데이터를 추가 주석 코드에서knockout.jpping으로 json 내부의 배열에 액세스합니다.

:

나는 내 유엔 정렬 된 목록 요소 "에서"내부 메일 배열을 채우려.

<!DOCTYPE html > 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script src="js/knockout-2.0.0.debug.js" type="text/javascript"></script> 
    <script src="js/KnockoutMapping2.1.1.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

     $(document).ready(function() { 
      var viewModel = {}; 

      $.ajax({ 
       url: "Service.aspx", 
       type: 'POST', 
       dataType: "json", 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        //data : 
        //  { 
        // "id":"Inbox", 
        // "mails":[ 
        //  { 
        //   "id":"1", 
        //   "from":"Abbot ", 
        //   "to":"[email protected]", 
        //   "date":"May 25, 2011", 
        //   "subject":"Booking confirmation #389629244", 
        //   "folder":"Inbox" 
        //  } 
        // ] 
        //} 
        viewModel = ko.mapping.fromJS(data); 

        ko.applyBindings(viewModel); 
       }, 
       error: function (request) { 
        alert(request.responseText); 
       } 
      }); 




     }); 
    </script> 
</head> 
<body> 
    your id is : <span data-bind='text: id' /> 
    <ul data-bind="foreach : mails"> 
     <li data-bind="value:from"></li> 
    </ul> 
</body> 
</html> 

내 목록에 메일을 묶는 데 도움이되는 모든 도움.

답변

0

http://jsfiddle.net/ryanwfiorini/DmWYS/

내가 함께 넣어 리 바인딩 값 대신 바인딩

  • 를 사용하여 텍스트 fiddle 당신이 내가 그것을 선호하는 방법을 볼 수 있습니다. 나는 데이터를보다 잘 제어 할 수 있도록 클래스를 생성하는 것을 좋아한다. 연결할 수있는 함수를 포함 할 수 있습니다.

    희망이 도움이됩니다.

  • +0

    감사합니다 Artem, 그건 좋은 접근입니다. – Ibsuser

    관련 문제