Panel

Ext.onReady(function () {
    var p = Ext.create('Ext.Panel', {
        title: '面板标题',
        collapsible: true,
        renderTo: 'div1',
        width: 400,
        height: 300,
        autoScroll: false,
        bodyBorder: true,
        buttonAlign: 'right',
        buttons: [{
            text: "按钮1",
            handler: function () {
                Ext.Msg.alert("提示", "第一个事件");
            },
            id: "bt1"
        }, {
            text: "按钮2",
            id: "bt2"
        }
        ],
        floating: true,
        footerCfg: { tag: 'span', id: 'span1', html: '面板底部' },
        items: [{
            xtype: "button",
            text: "按钮"
        }],
        tbar: Ext.create('Ext.toolbar.Toolbar', { items: ["工具栏"] }),
        html: "正文"
    });

    p.setPosition(40, 50);

});