EXT学习之路-实战Panel

EXT学习之路----实战Panel
几个小功能

Ext.onReady(function(){

    var win = new Ext.Window(
        {
            title:'hello',
            width:300,
            height:450,
            html:'<h1>helloe</h1>'
         });
    //win.show(); //window显示
    //creatPanel();
    //creatPanelExt();
    createExtTool();
});

function creatPanel()
{
    var panel = new Ext.TabPanel({
        width:300,
        height:500,
        items:
        [
            new Ext.Panel({title:'hello1',height:200, width:200}),
            new Ext.Panel({title:'hello2',height:150, width:200}),
            new Ext.Panel({title:'hello3',height:200, width:200})
        ]
    });
    panel.render("hello");
   
}

function creatPanelExt()
{
    var panelExt = new Ext.Panel({
        renderTo:'hello',
        title:'面板头部',
        width:300,
        height:300,
        html:'hello java',
        tbar:[{text:'我是工具栏'}],
        bbar:[{text:'我是状态栏'}],
        buttons:[{text:'我是按钮'}]
    });
}

function createExtTool()
{
    var createTool = new Ext.Panel({
        renderTo:'tool',
        title:'hellojava',
        width:300,
        height:300,
        tools:[
                {id:'save'},
                {id:'help',handler:function(){Ext.Msg.alert('help','请帮助')}},
                {id:'close'}
                ],
        tbar:[{pressed:true,text:'刷新'}]
    });
}