2012-04-17 12 views
1

これは私の例です。 プロジェクトでknockout.mappingプラグインを使用しています。私はjqueryのAJAXを使用してデータベースを形成retrivedデータを追加し、コメントのコードではjson内の配列にアクセスするためのknockout.mapping

は、私は私の国連番号付きリストへの要素「から」内部メールの配列を埋めるためにしたいです。

<!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

    関連する問題