Ember.js 0.9.3 template

by ppanagi

HTML

<script src="https://raw.github.com/lukemelia/jquery-ui-ember/master/js/libs/jquery-ui-1.9pre.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.7.1.min.js"></script>
  <script type="text/x-handlebars" data-template-name="long-list">
      <div style="height: 100px;overflow-y:auto">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse hendrerit aliquet bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Morbi pulvinar, turpis ac mollis pellentesque, leo sem faucibus eros, porta sollicitudin orci neque non elit. Nam pharetra congue arcu ac sodales. Morbi risus libero, rhoncus gravida venenatis et, tempor a nibh. Maecenas blandit est et nulla vulputate mattis. In hac habitasse platea dictumst. Proin aliquet commodo nunc et adipiscing. Pellentesque dignissim dapibus neque et molestie. Nulla bibendum, purus bibendum vehicula rhoncus, risus purus blandit purus, id tincidunt neque erat quis nunc. Cras at est quam, hendrerit vulputate dolor. Sed ultrices laoreet erat, id laoreet dui dapibus nec. Vestibulum consequat, enim ac consequat sollicitudin, orci eros laoreet lectus, in euismod urna ipsum vel felis. Fusce pellentesque dui eu massa interdum ultrices volutpat erat varius. Suspendisse eros mi, dictum eget fringilla non, ultricies eu tortor.

Donec in purus eu dui varius adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi malesuada diam ut mi rhoncus vitae viverra odio aliquam. Proin tincidunt velit vitae lorem aliquam ut tristique velit ultricies. Vestibulum nunc risus, vulputate nec interdum at, sagittis ut quam. Etiam eu arcu mauris. Donec ac est nisi. Pellentesque vulputate ultrices neque quis ullamcorper. Nulla magna nisl, venenatis vitae fringilla nec, ullamcorper vitae lacus.

Phasellus in tincidunt odio. Aenean lobortis dignissim porttitor. Donec volutpat mollis risus in consectetur. Aliquam in tempor ante. Nunc...

JavaScript

App = Ember.Application.create({
  customEvents: {
      scroll: "scroll"
  }

});


App.MyView = Ember.View.create({
    templateName: 'long-list',
    scroll: function(e){
        alert("scrolling");
       console.log("scrolling");            
    },
    click: function(e){
        console.log('clicked');
    }
});

App.MyView.append();