шаблон загрузки данных для knockoutjs - PullRequest
Новая
       6

шаблон загрузки данных для knockoutjs

2 голосов
/ 04 декабря 2011

Я пытаюсь понять, будет ли KnockoutJS работать для моего приложения.Моя модель данных (упрощенная) выглядит следующим образом: 

function topic(data) {
    this.id = data.id;
    this.queries = ko.observableArray([]);
}

function query(data) {
    this.id = data.id;
    this.text = data.text;
    this.searcher = data.searcherId;
    this.postings = ko.observableArray([]);
}

function posting(data, query) {
    this.documentId = data.docid;
    this.rank = data.rank;
    this.snippet = data.snippet;
    this.score = data.score;
    this.query = query;
    this.document = null;
}

function document(data, topic) {
    this.id = data.id;
    this.url = data.url;
    this.topic = topic;
}

Для данного topic у меня есть один или несколько query экземпляров.Каждый запрос содержит список posting экземпляров.Каждый posting относится к документу.Более одного posting может ссылаться на данный document, если экземпляры posting принадлежат разным query экземплярам.

Если posting относится к новому документу (еще нет)получено любым query) Я хотел бы создать новый экземпляр;если document уже существует (идентификаторы уникальны), я хотел бы использовать его повторно.

Я вижу несколько возможных альтернатив для структурирования данных JSON, возвращаемых сервером:

  1. При сериализации проводок сначала сериализуйте список всех документов и обновите список основных документов ими.Затем отправьте сообщения со ссылками на идентификаторы документов.
  2. Полностью сериализуйте каждый документ как свойство публикации, а затем выясните, является ли эта запись избыточной.Добавьте не избыточные записи в основной список.

Каков разумный шаблон для сериализации данных?Есть ли какая-то магия плагинов для картографии, которая кратко выразит это?У меня есть контроль над сервером, который генерирует JSON, и я могу структурировать его любым способом, который имеет смысл.

Спасибо,

Gene

Ответы [ 2 ]

1 голос
/ 20 января 2012

Вот что я сделал для реализации варианта 1: 

function idField(data) {
    return ko.utils.unwrapObservable(data.id);
}

function createMapping(type, context) {
    return {
        key:    idField,
        create: constructor(type, context)
    }
}

function constructor(type, context) {
    return function(options) { 
        return new type(options.data, context); 
    }
}

function createReferenceMapping(collection) {
    return {
        key: idField,
        create: lookup(collection)
    }
}

function lookup(collectionOrClosure) {
    return function(options) {
        var collection = (typeof collectionOrClosure == 'function') ? collectionOrClosure() : collectionOrClosure;

        var object = collection.findById(options.data.idref);
        if (object == null)
            console.log("Error: Could not find object with id " + options.data.idref + " in ", collection);
        return object;
    }
}

Я называю этот код следующим образом: 

    var mapping = {
        people: createMapping(Searcher),
        topics: createMapping(Topic, this),
        activeTopic: createReferenceMapping(function(){return self.topics();})
    };

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

Это касается как создания новых экземпляров (черезФункция constructor) и поиск существующих через lookup.

0 голосов
/ 19 января 2012

Checkout entityspaces.js, есть видео, которое вы можете посмотреть, оно поддерживает полные иерархические модели данных и даже сгенерирует вашу службу WCF JSON, а также поддерживает REST API.Каркас, который использует Knockout

https://github.com/EntitySpaces/entityspaces.js#readme

...