1

私はjsをノックアウトするのは初めてです。このjsfiddlehttp://jsfiddle.net/daedalus28/vpjhZ/と同様の要件がありますこれは、viewmodelからjsonをレンダリングするのに最適でしたが、サーバーは同じビューをレンダリングする必要があります。マッピング作成関数でobservablearrayをマッピングするにはどうすればよいですか?

var FilterGroup = function(parent) {

    this.join = ko.observable('All');
    this.filters = ko.observableArray([new Filter(this)]);

    this.addFilter = function() {
        var filter = new Filter(this);
        this.filters.push(filter);
        this.filters.valueHasMutated();
    };
    this.addGroup = function() {
        var group = new FilterGroup(this);
        this.filters.push(group);
        this.filters.valueHasMutated();
    };
    this.remove = (function(parent) {
        return function() {
            parent.filters.remove(this);
        }
    })(parent);

     this.isRoot = (function(parent) { 
        return function() {
            return parent ? false : true;
        }
    })(parent);


    var mappingOptions = {
        filters: {
            create: function(args) {
                   return new function () {

                   filters = ko.observableArray([new Filter(args.data)]);

      };

            }
        }
    };

    ko.mapping.fromJS(parent, mappingOptions, this);


};

var data = {filters:{join:'All',filters:[{field:{name:'IsDeleted',label:'Deleted'},modifier:'contains',criteria:'50'},{join:'All',filters:[{field:{name:'IsDeleted',label:'Deleted'},modifier:'equals',criteria:'20'}]},{field:{name:'Email',label:'Email'},modifier:'equals',criteria:'30'}]}};

var viewModel = {
    filters: new FilterGroup(data.filters),
    options:  {
        joins: ['All', 'Any'],
        modifiers: [
            'equals',
            'not equal to',
            'less than',
            'greater than',
            'contains',
            'does not contain',
            'starts with'
        ],
        fields: [{"name":"Id","label":"ContactID"},{"name":"IsDeleted","label":"Deleted"}],
    },

    toJSON: function() {
        return {
             filters: this.filters
        }
    }
  };


$(function() {


    ko.applyBindings(viewModel);
})

;

4

1 に答える 1

3

正しく理解できるかどうかはわかりませんが、ViewModelからJSON文字列をレンダリングしたいですか?もしそうなら、あなたはこのようなことをしなければならないでしょう:

var result = JSON.stringify(unwrapObservable(myViewModel));

またはマッピングプラグインを使用

于 2012-12-12T14:09:19.693 に答える