Рендеринг шаблона просмотра или руля в листовке всплывающего окна

Question

У меня есть вопрос к библиотеке ember-leaflet и правильному использованию всплывающих окон.

Следующий пример из ember-leaflet website использует библиотеку для добавления маркеров и связанных всплывающих окон. Он также иллюстрирует, как добавлять контент для всплывающих окон посредством привязки содержимого.

RadMarkersApp = Ember.Application.create(); 
RadMarkersApp.MarkerLayer = 
    EmberLeaflet.MarkerLayer.extend(
    EmberLeaflet.DraggableMixin, 
    EmberLeaflet.PopupMixin, { 
    popupContentBinding: 'content.title' 
}); 

RadMarkersApp.MarkerCollectionLayer = 
    EmberLeaflet.MarkerCollectionLayer.extend({ 
    content: [{ 
     location: L.latLng(40.7127, -74.0060), 
     title: 'City Hall'}], 
    itemLayerClass: RadMarkersApp.MarkerLayer 
    }); 

RadMarkersApp.IndexView = 
    EmberLeaflet.MapView.extend({ 
    childLayers: [ 
     EmberLeaflet.DefaultTileLayer, 
     RadMarkersApp.MarkerCollectionLayer]}); 

Теперь я хотел бы иметь возможность использовать представление или шаблон Рули для popupContent собственности здесь. Есть ли у кого-нибудь идеи, как это реализовать? Есть ли наилучшие методы для этого сценария?

Мой первый подход:

App.MarkerLayer = 
    EmberLeaflet.MarkerLayer.extend(
    EmberLeaflet.PopupMixin, { 

    popupContent: function() { 
     // Render view (how to get?) or handlebars template 
     return Ember.TEMPLATES['popup-content'](this.get('content')) 
    }.property() 
    }); 

Это приводит к следующей ошибке:

Uncaught TypeError: Cannot call method 'push' of undefined 

Надежда кто-то может помочь. Заранее спасибо!

Answer 1

Я немного идиот, не в состоянии найти полезные функции в документации.

я был в состоянии исправить это с небольшой хак и помощью Ember.View#createElement:

App.MarkerLayer = EmberLeaflet.MarkerLayer.extend(EmberLeaflet.PopupMixin, { 
    popupContent: function() { 
    view = this.view = this._parentLayer.createChildView('map-popup'); 
    view.set('context', this.get('content')); 
    Ember.View.states.inDOM.enter(view) 
    view.createElement(); 

    return view.get('element'); 
    }.property() 
}); 

Надеется, что это поможет другим.