zoukankan      html  css  js  c++  java
  • Knockout.Js官网学习(Mapping高级用法二)

    使用ignore忽略不需要map的属性

    如果在map的时候,你想忽略一些属性,你可以使用ignore累声明需要忽略的属性名称集合:

        var data = {"name":"aehyok","age":"25" };
        var mapping = { 'ignore': ["age"] };
        var viewModel = ko.mapping.fromJS(data, mapping);

    这样执行后age不会在viewModel中

    你声明的忽略数组被编译到默认的ignore数组里。你可以像下面代码一样来维护它:

        var oldOptions = ko.mapping.defaultOptions().ignore;
        ko.mapping.defaultOptions().ignore = ["alwaysIgnoreThis"];

    使用include声明需要map的属性

    默认情况下,当map你的view model回到JS对象是时候,只map原始view model里拥有的属性(除了例外的_destroy属性),不过,你可以使用include参数来定制:

    var mapping = {    'include': ["propertyToInclude", "alsoIncludeThis"]};

    var viewModel = ko.mapping.fromJS(data, mapping);

    你声明的include数组被编译到默认的include数组里,默认只有_destroy。 你可以像这样来维护:

    var oldOptions = ko.mapping.defaultOptions().include;

    ko.mapping.defaultOptions().include = ["alwaysIncludeThis"];

    使用copy来复制属性

    默认情况下,map的时候是把所有的值都转换成observable的,如果你只是想copy属性值而不是替换成observable的,你可以将属性名称添加到copy数组:

    var mapping = {    'copy': ["propertyToCopy"]};

    var viewModel = ko.mapping.fromJS(data, mapping);

    你声明的copy数组被编译到默认的copy数组里,默认值是空。你可以像这样来维护

    var oldOptions = ko.mapping.defaultOptions().copy;
    ko.mapping.defaultOptions().copy = ["alwaysCopyThis"];

    Specifying the update target

    在上面的例子,如果你想再一个class内map,你可以使用第三个参数作为操作的目标,例如:

    ko.mapping.fromJS(data, {}, someObject); 

    所以,如果你想map一个JavaScript对象到this上,你可以这样声明:

    ko.mapping.fromJS(data, {}, this);

    从数据源map

    你可以通过多次使用ko.mapping.fromJS 来将多个JS对象的数据源map到一起,例如:

    var viewModel = ko.mapping.fromJS(alice, aliceMappingOptions);

    ko.mapping.fromJS(bob, bobMappingOptions, viewModel);

    Map以后的observable数组

    map插件map以后生产的observable数组,带有几个额外的函数来处理带有keys的mapping:

    mappedRemove
    mappedRemoveAll
    mappedDestroy
    mappedDestroyAll
    mappedIndexOf

    它们是和ko.observableArray里的函数等价的,不同是他们通过key来处理对象。例如:

        var obj = [{ id: 1 }, { id: 2 }];
        var result = ko.mapping.fromJS(obj, { key: function (item) { return ko.utils.unwrapObservable(item.id); } });
        result.mappedRemove({ id: 2 });

    map过的observable数组,除了上面的函数还支持一个mappedCreate函数:

     var newItem = result.mappedCreate({ id: 3 });

    首先会检查key(id=3)在数组里是否存在(如果存在则抛出异常),然后,如果有create和 update回调的话会调用他们,最后创建一个新对象,并将新对象添加到数组然后返回该新对象。

  • 相关阅读:
    MySQL_创建数据库和表
    MySQL注释的3中方法
    子查询概念和分类
    弱网测试如何进行
    Fiddler_ 移动端抓包配置IOS&Android,Fiddler获取APP端的流量
    Fiddler_HTTPS 如何抓包和浏览器设置
    Fiddler_弱网测试
    Three.js 游戏操作案例
    flex 教程
    JS知识
  • 原文地址:https://www.cnblogs.com/aehyok/p/3380818.html
Copyright © 2011-2022 走看看