1

これは以下の私の例です。私のプロジェクトでは、knockout.mapping プラグインを使用しています。

mails 配列内の「from」要素を My Un Ordered list に入力したい:

コメント付きのコードでは、jquery ajax を使用してデータベースから取得したデータを追加します。

<!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":"steve@example.com",
                    //         "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>

メールを私のリストにバインドするのを手伝ってください。

4

2 に答える 2

1

http://jsfiddle.net/nickolsky/EVaPL/

your id is : <span data-bind='text: id' ></span>
    <ul data-bind="foreach : mails">
        <li data-bind="text:from"></li>
  1. スパンを自動的に閉じないでください ( <span /> を使用してスパンを閉じることができますか? )
  2. li の値バインディングの代わりにテキスト バインディングを使用する
于 2012-04-17T14:28:47.480 に答える
0

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

私がどのようにそれを行うのが好きかを確認するために、フィドルをまとめました。データを保持するクラスを作成して、データをより細かく制御できるようにしたいと考えています。連結する関数などを含めることができます。

お役に立てれば。

于 2012-04-17T14:53:06.893 に答える