当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript knockout.observableArray函数代码示例

本文整理汇总了TypeScript中knockout.observableArray函数的典型用法代码示例。如果您正苦于以下问题:TypeScript observableArray函数的具体用法?TypeScript observableArray怎么用?TypeScript observableArray使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了observableArray函数的8个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: constructor

  /**
   * ctor
   * */
  public constructor(_properties: IPropertyPaneViewSelectorFieldPropsInternal) {
    this._properties = _properties;
    this._context = _properties.wpContext;
    this._listId = _properties.listId;
    this._viewId = _properties.viewId;
    this.listLabel = _properties.listLabel;
    this.viewLabel = _properties.viewLabel;
    this.currentList = ko.observable<string>(this._listId);
    this.currentView = ko.observable<string>(this._viewId);
    this.noListSelection = ko.observable<boolean>(this._listId == '-1');

    // subscribing on changes in lists dropdown
    this.currentList.subscribe((value) => {
      const oldListId: string = this._listId;
      this._listId = value;
      this._initViews().then(() => {
        this.noListSelection(this._listId == '-1');
      });

      this._firePropertyChange();

    });

    // subscribing on changes in view dropdown
    this.currentView.subscribe((value) => {
      const oldViewId: string = this._viewId;
      this._viewId = value;
      this._firePropertyChange();
    });

    this.lists = ko.observableArray<IDropdownOption>();
    this.views = ko.observableArray<IDropdownOption>();

    this._model = new PropertyPaneViewSelectorModel(this._context);
  }
开发者ID:,项目名称:,代码行数:38,代码来源:

示例2: constructor

 constructor(){
     this.shouldShowMessage=ko.observable(true);
     this.detail=ko.observable("");
     this.peoples=ko.observableArray([]);
     this.displayMessage=ko.observable(false)
     this.products=ko.observableArray([]);
     this.detailsEnable=ko.observable(false);
 }
开发者ID:xiangnanyue,项目名称:mygit2,代码行数:8,代码来源:bindings1.ts

示例3: createObservableArray

export function createObservableArray(value: any, mapFunction?: (obj: any) => any, context?: any): ko.ObservableArray<any> {
    if (typeof value === "undefined") {
        return ko.observableArray();
    }

    if (ko.isSubscribable(value) && Array.isArray(value())) {
        return value;
    }

    if (Array.isArray(value) && typeof mapFunction === "function") {
        value = value.map(mapFunction, context);
    }

    return ko.observableArray(value);
}
开发者ID:spatools,项目名称:koui,代码行数:15,代码来源:utils.ts

示例4: constructor

 constructor(){
     this.name = ko.observable<string>("");
     this.age = ko.observable<number>(null);
     this.contacts = ko.observableArray<Person>([]);
     this.itemToAdd = null;
     this.display = ko.observable<string>("");
 }
开发者ID:xiangnanyue,项目名称:mygit2,代码行数:7,代码来源:main.ts

示例5: fromJS

export default function fromJS(
  obj: any,
  mapArraysDeep: boolean = false,
  _parentIsArray: boolean = false
): KnockoutObservable<any> | KnockoutObservableTree {
  let obs: KnockoutObservable<any> | KnockoutObservableTree

  if (ko.isObservable(obj)) {
    obs = obj
  } else if (obj instanceof Array) {
    const _arr = []
    for (let i = 0; i < obj.length; i++) {
      _arr[i] = fromJS(obj[i], mapArraysDeep, true)
    }
    obs = ko.observableArray(_arr)
  } else if (obj instanceof Date || obj instanceof RegExp) {
    obs = ko.observable(obj)
  } else if (obj instanceof Function) {
    obs = obj
  } else if (obj instanceof Object) {
    obs = {}
    for (const p in obj) {
      obs[p] = fromJS(obj[p], mapArraysDeep)
    }
  } else {
    obs = _parentIsArray && !mapArraysDeep ? obj : ko.observable(obj)
  }

  return obs
}
开发者ID:Profiscience,项目名称:ko-contrib-utils,代码行数:30,代码来源:fromJS.ts

示例6: App

function App() {
  let widgets = ko.observableArray();

  function addCalculator() {
    widgets.push({ name: 'calculator' });
  }

  function addToDoList() {
    widgets.push({ name: 'todo-list' });
  }

  function addWeather() {
    widgets.push({ name: 'weather' });
  }

  function addTranslate() {
    widgets.push({ name: 'translate' });
  }

  function remove() {
    widgets.remove(this);
  }

  return {
    widgets,
    addCalculator,
    addToDoList,
    addWeather,
    addTranslate,
    remove
  };
}
开发者ID:SMH110,项目名称:widgets,代码行数:32,代码来源:app.ts

示例7: constructor

    constructor(model) {
        
        if (model == undefined) {
            this.Id = ko.observable();
            this.bookingId = ko.observable();
            this.actualBookingAmount = ko.observable();
            this.extraAmountCharge = ko.observable();
            this.extraAmountReason = ko.observable();
            this.extraAmountReceipt = ko.observable();
        }
        else {
            this.Id = ko.observable(model.get("id"));
            this.busList = ko.observableArray(model.get("busList"));
            this.busSelected = ko.observable(model.get("busId"));
            this.bookingId = ko.observable(model.get("bookingId"));
            this.actualBookingAmount = ko.observable(model.get("actualBookingAmount"));
            this.extraAmountCharge = ko.observable(model.get("extraAmountCharge"));
            this.extraAmountReason = ko.observable(model.get("extraAmountReason"));
            this.extraAmountReceipt = ko.observable(model.get("extraAmountReceipt"));
        }

        this.busSelected.subscribe(() => {
            var booking = _.filter(model.get("extraChargesCollection"), (p) => { return p.busId == this.busSelected().id; });
            UIBinding(this, booking[0]);
        });
    }
开发者ID:saeed-ahmed,项目名称:CCTracking,代码行数:26,代码来源:ExtraChargeView.ts

示例8: constructor

 constructor() {
     super();
     this.loading = ko.observable(false);
     this.operations = ko.observableArray<OperationData>([]);
     this.from = ko.observable<string>();
     this.to = ko.observable<string>();
     this.errors = ko.validation.group(this);
 }
开发者ID:online-poker,项目名称:poker-html-client,代码行数:8,代码来源:operationshistorypage.ts


注:本文中的knockout.observableArray函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。