extjs4 - Extjs4、html要素にレンダリングするExtjsオブジェクトを作成するより良い方法

Question

<div id="wrap">
    <table id="listTable"></table>
</div>

ケース #1)

Ext.onReady(function () {
    Ext.define("testClass", {
        extend: 'Ext.panel.Panel',
        title: 'Hello',
        layout: 'fit',
        items: { html: 'AAAA' },
        renderTo : 'listTable'
    }, function () {
        var cls = new testClass();
    });
});// end onReady

ケース #2)

Ext.onReady(function () {

    Ext.create('Ext.panel.Panel', {
        title: 'Hello',
        layout: 'fit',
        items: { html: 'AAAA' },
        renderTo: 'listTable'
    });
});// end onReady

それとももっといい考えがありますか？私に助言してください。

Answer 1

2番目が正しいです。クラスを 1 回しか使用しないのに、なぜクラスを定義するのでしょうか。