ExtJS 4 Ext.panel.Panel

Posted 2020-08-20

Ext.panel.Panel.html

<div id="content"></div>

 

Ext.panel.Panel.js

/// <reference path="~/Scripts/ext-4.2.1.883/ext-all-dev.js" />
Ext.onReady(function () {
    Ext.create(‘Ext.panel.Panel‘,
    {
        title: ‘面板头部‘,
        tbar: [
        {
            text: ‘Button 1‘,
            handler: function () { alert(‘Button 1‘) }
        }],
        bbar: [‘底端工具栏‘],
        height: 200,
        width: 300,
        frame: true,
        renderTo: ‘content‘,
        bodyPadding: 5,
        bodyStyle: ‘background-color:#fff‘,
        html: ‘面板体‘,
        tools: [
            { id: ‘save‘},
            { id: ‘toggle‘ },
            { id: ‘close‘ },
            { id: ‘maximize‘ }
        ],
        buttons: [
        {
            text: ‘面板底部‘
        }]
    });
});