Extのイベントの設定とログ出力

イベント

  1. Ext.Elementの on() メソッドを使う。
  2. loadイベントは Ext.onReady() を使う。

ログ

  1. ext-all.js の代わりに ext-all-debug.js を読み込んでおく。
  2. Ext.log() で出力する。
<html>
<head>
<script type="text/javascript" src="ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.0/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function () {
   Ext.get('log_button').on('click', function () {
      Ext.log('Ext console log.');
   });
});
</script>
<link rel="stylesheet" type="text/css" href="ext-2.0/resources/css/ext-all.css" />
</head>
<body>
    <button id="log_button">log</button>
</body>
</html>