knockoutjs20komapping插件.docxVIP

映射 淘汰赛的设计，让您可以使用任意JavaScript对象视图模型。 只要您的视图模型的一些性质是观测 ，你可以使用正绑定到你的用户界面，用户界面将自动更新每当观察属性的变化。 大多数应用程序需要从后端服务器获取数据。 由于服务器没有任何观测的概念，它只是提供一个普通的JavaScript对象（通常作为JSON序列化）。 映射插件给你一个简单的方法映射到视图模型，纯JavaScript对象与相应的观测。 这是一个手动写自己的JavaScript代码构造一个视图模型基础上的一些数据，你从服务器获取的替代。 下载 2.0版的 （8.6kb精缩） 例如：没有ko.mapping插件手册映射 您想您的网页上显示当前服务器时间和用户数量。 你可以使用以下视图模型代表这个信息： varviewModel = { serverTime: ko.observable(), numUsers: ko.observable() }你可以如下一些HTML元素绑定鉴于此模型： The time on the server is: span data-bind=text: serverTime/span and span data-bind=text: numUsers/span user(s) are connected.正由于视图模型属性观察，会自动更新的HTML元素时，这些属性改变。 接下来，你想从服务器上获取最新的数据。 每5秒钟，你可能会发出一个Ajax请求（例如，使用jQuery的$.getJSON或$.ajax功能）： vardata = getDataUsingAjax(); // Gets the data from the server服务器可能返回的JSON数据类似于以下内容： { serverTime: 2010-01-07, numUsers: 3 }最后，使用这个数据（不使用映射插件）来更新您的视图模型，你会写： // Every time data is received from the server: viewModel.serverTime(data.serverTime); viewModel.numUsers(data.numUsers);你将不得不做您想要显示在页面上的每一个变量。 如果你的数据结构变得更加复杂（例如，它们所包含的儿童或包含数组）变得非常繁琐的手工处理。 映射插件可以让你做的是创建一个普通的JavaScript对象（或JSON结构）映射到一个可观察到的视图模型。 例如：使用ko.mapping 创建一个视图模型通过映射插件，取代创造viewModel在上面的代码ko.mapping.fromJS功能： varviewModel = ko.mapping.fromJS(data);这将自动创建观察每个属性上的属性data 。 然后，你每次从服务器接收新的数据，您可以更新所有的属性viewModel一步通过调用ko.mapping.fromJS功能再次： // Every time data is received from the server: ko.mapping.fromJS(data, viewModel);如何映射的事情 被转换成一个可观察的一个对象的所有属性。 如果更新会改变的价值，它会更新的观察。 观察数组转换成阵列。 如果更新会改变的项目数，它会执行适当的添加/删除操作。 它也将尽量保持原始的JavaScript数组相同的顺序。 取消映射 如果你想转换回一个普通的JS对象映射对象，使用方法： varunmapped = ko.mapping.toJS(viewModel);这将创建一个未映射的对象只包含属性的映射对象，你原有的JS对象的一部分。 所以，换句话说，任何属性或功能，您手动添加到您的视图模型被忽略。 默认情况下，此规则的唯一例外的是_destroy财产也将被映射回，因为它是一个属性，淘汰赛可能会产生当你摧毁一个项目ko.observableArray 。 看到更多的细节上如何配置此节的“高级用法”。 使用JSON字符串 如果你的Ajax调用返回一个JSON字符串（不反序列化为一个JavaScript对象），那么你可以使用的功能ko.mapping.fromJSON您的视图模型，而不是创造和更新。 取消映射，您可以使用ko.mapping.toJSON 。 除了 ??工作，而不是JS对象的JSON字符串的事实，他们从这些功能是完全一致*JS同行。 高级用法 有时也可能是需要有更多的控制如何进行映射。 这是通过使用映射选项 。 他们可以指定在ko.mapping.fromJS调用。 在随后的电话，你不需要再指定它们。 以下几个情况中，您可能要使用这些映射选项。 唯一标识对象