Component 内の HTML Dom 要素にタップイベントを設定する

HTML要素それぞれにonClickなどの実装をすることはせず、 上位の Component のイベントから delegate してもらう。
element オブジェクトのイベントのリスナーを登録、delegate オプションに、イベントの発生を拾いたい対象のリファレンスを記述する。

例：

controller/Maincoffee

# create instance
Ezuko.myView = new Ext.Container
  layout: 'card'
  items: [
    xtype:'panel'
    id: 'mypanel'
    html:'<div class="hoge"><img src="tapme.png" id="tappable"/></div>'
  ]
# add tap event listener on the img tag
Ext.getCmp('mypanel').element.on
  tap: (e)->
    alert 'tapped!'
  delegate: '#tappable'

# show view
MyApp.Viewport.push MyApp.myView