ExtJS4のお決まりの導入部

extjs_skel.js

// ローダのメカニズムを有効化
Ext.Loader.setConfig({
    enabled: true
});

// Ext.uxで始まる名前のスクリプト(お手製スクリプト)は
// uxフォルダ以下を検索するように指示する.
Ext.Loader.setPath('Ext.ux', 'ux');

// このページで使用するコンポーネント
Ext.require([
    'Ext.selection.*',
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*',
    'Ext.form.*',
    'Ext.Viewport',
    'Ext.ux.CheckColumn',
    'Ext.ux.form.field.Date11'
]);

// ページがレディ状態になったときに実行される
Ext.onReady(function () {

    // s.gif設定
    // (スペーサとして使用される1ドット画像。画像は各自で用意する.)
    Ext.BLANK_IMAGE_URL = 'extjs/resources/themes/images/default/s.gif';

    // クイックチップス初期化
    Ext.QuickTips.init();

    // クッキーにステートを保存する.
    // 各コンポーネントのconfigで、
    // stateful: true,
    // stateId: 'ユニークなID',
    // とすることで、そこに保存させる.
    Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));

});