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回调的话会调用他们,最后创建一个新对象,并将新对象添加到数组然后返回该新对象。

  • 相关阅读:
    Android开发 ViewConfiguration View的配置信息类
    Android 开发 倒计时功能 转载
    Android 开发 关于7.0 FileUriExposedException异常 详解
    Android 开发 实现文本搜索功能
    Android 开发 Activity里获取View的宽度和高度 转载
    Android 开发 存储目录的详解
    Android 开发 Fresco框架点击小图显示全屏大图实现 ZoomableDraweeView
    Android 开发 将window变暗
    Android 开发 DisplayMetrics获取Android设备的屏幕高宽与其他信息
    Android 开发 DP、PX、SP转换详解
  • 原文地址:https://www.cnblogs.com/aehyok/p/3380818.html
Copyright © 2011-2022 走看看