web-dev-qa-db-ja.com

Backboneのモデルを初期デフォルトにリセットする最も簡単な方法は？

私のモデルにはすでにdefaultsハッシュがあります。ビュー/ページの一部がリセットされたら、モデルを元のデフォルトにリセットしたいと思います。

現在、各属性をデフォルト値に明示的に設定しています。単一のステートメントでこれを行うために使用できる組み込みまたはJavaScript/Underscore.js/Backbone.js/jQuery関数はありますか？

javascriptbackbone.jsbackbone-model
59
PhD
myModel.clear().set(myModel.defaults);
120
Peter Lyons

私は次のアプローチを思いつきました：

_reset: function () {
    this.clear({silent: true});
    this.set(this.defaults);
}
_

clear()呼び出しに_{silent: true}_を含めると、changeイベントが発生しないことが保証されます。 set()呼び出しでのみ起動します。

5
saabeilin

これは、モデルにnull以外の初期オブジェクトプロパティがある場合に行います。

最初に、関数としてdefaultsを定義します

var MyModel = Backbone.Model.extends({

    defaults:function(){

        return {
            AnArrayTypeProp:[]
        };
    }

});

第二に、モデルをデフォルトにリセットする必要がある場合

model.clear().set(model.defaults());
5
codeboy

saabeilin の回答と Backboneの注釈付きソース に基づいて、モデルをリセットする必要性を満たす最適な機能が提供されました。

再利用可能なリセット

/**
 * Clears the model's attributes and sets the default attributes.
 * @param  {Object} attrs to overwrite defaults
 * @param  {Object} options  to pass with the "set" call.
 * @return {Backbone.Model}  this object, to chain function calls.
 */
reset: function(attrs, options) {
    // adds default option reset to true
    options = _.extend({ reset: true }, options);

    // ensure default params
    var defaults = _.result(this, 'defaults');
    attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

    // apply
    this.clear({ silent: true }).set(attrs, options);

    // triggers a custom event, namespaced to model in order
    // to avoid collision with collection's native reset event
    // when listening to a collection.
    if (!options.silent) this.trigger('model:reset', this, options);

    return this;
},

次の行は、属性が未定義の{ test: undefined }、デフォルト値のままです。

attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

以下に例を示します。

var defaults = { test: 1 }, 
    attrs = { test: undefined };

_.extend({}, defaults, attrs);                       // {test: undefined}
_.defaults(_.extend({}, defaults, attrs), defaults); // {test: 1}

バックボーンの拡張

また、すべてのBackboneモデルで必要な場合は、Backbone自体を拡張できます。

_.extend(Backbone.Model.prototype, {
    reset: function(attributes, options){
        /* ... */
    }
});

免責事項：JavaScript libまたはBackboneプラグインを作成している場合は、これを実行しないでください。別のlibと衝突したり、使用している人が期待するものとは異なる動作を引き起こす可能性がありますコード

4
Emile Bergeron

model.clear()とmodel.set()を組み合わせて使用​​することも考えました。それから私は問題に出くわし、今度はchangeイベントを2回トリガーします。 model.clear()を呼び出すときにsilentオプションを使用することはオプションではありません。プロパティが設定されなくなったときにchangeイベントを発生させたいからです。

model.reset()メソッドを追加することになりました。新しい属性ハッシュを取得し、新しい属性ハッシュに存在しない古い属性キーのundefined値でこのハッシュを埋めます。

Model.prototype.reset = function(attrs, options) {
    for (var key in this.attributes) {
        if (key in attrs) continue;
        attrs[key] = void 0;
    }

    return this.set(attrs, options);
};

この方法では、モデルの古い属性をリセットし、古い属性と新しい属性ごとに有効なchangeイベントを取得します。

3
Johnny

新しい空のモデルで現在のモデルの値をオーバーライドするのはどうですか：

myModel = new model(); // default values will be considered
1
ismnoiet

私のソリューションは：

model.clear({silent: true}).set(model.defaults);
0
Daniel Ortegón