1

这是我下面的例子。我在我的项目中使用了 knockout.mapping 插件。

我想将邮件数组中的“发件人”元素填充到我的未排序列表中：

在注释代码中，我添加了使用 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 回答