diff --git a/src/abstract/DomainViews.ts b/src/abstract/DomainViews.ts index 0750cd2fc..4c5c136a2 100644 --- a/src/abstract/DomainViews.ts +++ b/src/abstract/DomainViews.ts @@ -44,7 +44,7 @@ export default abstract class DomainViews, fragment?: DocumentFragment) { - const { config, reuseView, viewCollection, itemsView = {} } = this; + const { reuseView, viewCollection, itemsView = {} } = this; var frag = fragment || null; var typeField = model.get(this.itemType); let view; diff --git a/src/abstract/View.ts b/src/abstract/View.ts index 48034ad05..179d7f734 100644 --- a/src/abstract/View.ts +++ b/src/abstract/View.ts @@ -7,11 +7,11 @@ export default class View< TElement extends Element = HTMLElement > extends Backbone.View { protected get pfx() { - return (this.em.config as any).stylePrefix || ""; + return this.ppfx + this.config.stylePrefix || ""; } protected get ppfx() { - return this.pfx + this.config.stylePrefix || ""; + return (this.em.config as any).stylePrefix || ""; } protected get module(): TModel extends Model? M: unknown { diff --git a/src/canvas/view/FrameView.ts b/src/canvas/view/FrameView.ts index 18139d30f..99be66830 100644 --- a/src/canvas/view/FrameView.ts +++ b/src/canvas/view/FrameView.ts @@ -411,6 +411,7 @@ export default class FrameView extends View { model: component, config: { ...component.config, + em, frameView: this, }, }).render(); diff --git a/src/canvas/view/FramesView.ts b/src/canvas/view/FramesView.ts index 10761fedc..40e542c5d 100644 --- a/src/canvas/view/FramesView.ts +++ b/src/canvas/view/FramesView.ts @@ -1,3 +1,4 @@ +import CanvasModule from '..'; import DomainViews from '../../abstract/DomainViews'; import Frames from '../model/Frames'; import CanvasView from './CanvasView'; @@ -5,11 +6,14 @@ import FrameWrapView from './FrameWrapView'; export default class FramesView extends DomainViews { canvasView: CanvasView; + private _module: CanvasModule; + constructor(opts = {}, config: any) { super(opts, true); //console.log(this.collection) this.listenTo(this.collection, 'reset', this.render); this.canvasView = config.canvasView + this._module = config.module; } onRemoveBefore(items: FrameWrapView[], opts = {}) { @@ -17,10 +21,8 @@ export default class FramesView extends DomainViews { } onRender() { - const { $el, em } = this; - em && $el.attr({ class: `${em.config.stylePrefix}frames` }); + const { $el, ppfx } = this; + $el.attr({ class: `${ppfx}frames` }); } protected renderView(item: any, type: string){return new FrameWrapView(item, this.canvasView)} } - -//FramesView.prototype.itemView = FrameWrapView;