ExtJS 4 【Ext.panel.Panel】

Ext.panel.Panel.html

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

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

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: ‘面板底部‘
        }]
    });
});

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }