Ember 응용 프로그램에 gridster.js를 포함시키는 방법은 무엇입니까?

Question

나는 Ember 응용 프로그램에서 사용할 gridster 스크립트를 포함하려고합니다. github에는 ember-gridster 구성 요소가 있지만 더 이상 다운로드 할 수 없습니다.

이제 JS 및 CSS 파일을보기에 포함하려고합니다.

엠버 응용 프로그램에 Gridster를 사용하는 가장 좋은 방법/방법은 무엇입니까?

내가 그리드/시작을 찾고 결과는 다음과 같다 : http://jsfiddle.net/h9f63/22/

누군가가 타다 남은에서이 결과에 도달하는 방법을 설명 할 수.

export default Ember.View.extend({ 
    didInsertElement: 
    var gridster; 
    $(function(){ 
    gridster = $(".gridster ul").gridster({ 
     widget_base_dimensions: [100, 55], 
     widget_margins: [5, 5], 
     helper: 'clone', 
     resize: { 
     enabled: true, 
     max_size: [4, 4], 
     min_size: [1, 1] 
     } 
    }).data('gridster'); 
    }); 
}); 

Answer 1

내가 엠버는, 그래서 여기에 관점에서 멀리 부품쪽으로 이동하고 있다고 생각은 gridster 구성 요소 생산 엠버에 gridster의 간단한 통합이다 : jsbin에서 작업

App.XGridsterComponent = Ember.Component.extend({ 
    tagname: "", 

    didInsertElement: function(){ 
    Ember.$(".gridster ul").gridster({ 
     widget_base_dimensions: [100, 55], 
     widget_margins: [5, 5], 
     helper: 'clone', 
     resize: { 
     enabled: true, 
     max_size: [4, 4], 
     min_size: [1, 1] 
     } 
    }).data('gridster'); 
    } 
}); 

을 here

또한이 기능을 더욱 유용하게 사용하려면 구성 요소 내부에서