列ビューでOSXのFinderと同様に機能する汎用オブジェクトブラウザプラグインを設計しています。インターフェイスをいくつかのネストされたビュー、ブラウザー、列、およびオブジェクトに分割しました。
このプラグインは、ブラウザービュー、オブジェクトビュー、および列ビューをカスタマイズする必要がある場合とない場合があるいくつかのシナリオで使用します。たとえば、オブジェクトがファイルやフォルダになる場合があります。
これは、どのように見えるかわからない場合に備えて、列ビューでのOSXのFinderです。
現時点では、RequireJSを使用して依存関係を渡しますが、ObjectViewを単純に継承および拡張するには、スタック全体を置き換える必要があります。
プラグインを拡張できるが、その一部にすぎない、より良い構造はありますか?
BrowserView.js
var BrowserView = Backbone.View.extend({
open: function () {
var collectionView = new CollectionView( {collection: objects} );
}
});
CollectionView.js
var CollectionView = Backbone.View.extend({
render: function () {
this.collection.each( function (object) {
var objectView = new ObjectView( {model: objects} );
objectView.bind('click', this.select, this);
this.container.append( objectView.el );
objectView.render();
this.objectViews.push(objectView);
}, this );
},
});
ObjectView.js
var ObjectView = Backbone.View.extend({
});