如何访问 Backbone.js 类中 jQuery 小部件的实例属性？

Question

我正在开发一个内部使用 Backbone.js 的 jQuery 小部件。
这里集合创建模型，视图创建自己的子视图：

Serializer = function(options, element){
  this.element = element;
  this.data = options.data;
  this.collection = new Serialize.Collection(this.data);
  this.view = new Serialize.View({ el: this.element, collection: this.collection });   
};

$.widget.bridge("serialize", Serializer);

$.widget.bridge 提供了一个友好的包装器，用于创建小部件的实例并传入选项（这里的 @vars 由 Rails 设置）：

$('#item').serialize({
   data: <%= @data %>,
   name: '<%= @name %>',
   keys: '<%= @keys %>'
 });

稍后创建的模型和视图需要访问小部件的选项 实例。到目前为止，我通过在集合本身上设置选项来解决这个问题：

this.collection = new Serialize.Collection(this.data, options);

并在以后需要它们的地方（例如在视图中）引用它们：

var keys = this.model.collection.keys

但这会变得混乱并且不那么灵活。

对于单个实例，您可以设置 Serialize.Config = { // options }，并全局访问它。但对于多个实例，每个实例都需要自己的配置。

所以我的问题是，是否有一种干净的方法来访问 Backbone 类中的小部件实例及其选项，而不将其作为参数传递？

Answer 1

似乎您想根据传递给小部件的选项来渲染每个小部件实例。

按照惯例，Backbone.js 视图是存储这些选项的好地方。特别是因为每个小部件只有一个视图。

因此，我会执行以下操作：

Serializer = function(options, element){
  // add DOM node and collection to the options hash
  options.el = element;

  // create view and pass options
  this.view = new Serialize.View(options);   
};

当您渲染小部件时（大概使用 this.view.render()），您可以访问传递给 Serializer 的所有选项：

Serialize.View = Backbone.View.extend({
    initialize: function() {
        // create collection
        this.collection = new Serialize.Collection(this.options.data);

        // register events if needed
        this.collection.bind('add', this.render_one_element_of_the_collection);
        this.collection.bind('fetch', this.render_whole_collection);
    },

    render: function() {
        var data = this.options.data;
        var keys = this.options.keys;
        // etc

        // do something with your variables

        return this;
    }
});