首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

EXT学习之路-面板及格局类-日期控件和颜色选择器

2012-11-08 
EXT学习之路----面板及布局类-日期控件和颜色选择器/**Ext.onReady(function(){new Ext.Panel({title:面

EXT学习之路----面板及布局类-日期控件和颜色选择器
/**
Ext.onReady(function(){
    new Ext.Panel({
        title:'面板头部(header)',
        tbar:['顶部工具栏 top toolbars'],
        bbar:['底部工具栏 bottom toolbars'],
        height:200,
        width:300,
        frame:true,
        renderTo:'panel',
        bodyStyle:'background-color:red',
        html:'<div>面板体</div>',
        tools:[
            {id:'toggle'},
            {id:'close'},
            {id:'maximize'}
        ],
        buttons:[
            new Ext.Button({
                text:'面板底部footer'
            })
        ]
    })
});
*/
///日期控制和颜色选择器
Ext.onReady(function(){
    var panel = new Ext.Panel({
        title:'日期控件',
        header:true,
        frame:true,
        collapsible:true,
        autoHeight:true,
        autoWidth:189,
        renderTo:'panel',
          items: [
            {title:'日期',items:new Ext.DatePicker()},
            {title:'颜色选择',items:new Ext.menu.ColorItem()}
            ],
        tools:[
            {id:'help', handler:help}
            ]    })
});
function help()
{
    Ext.Msg.alert("help","请获取在线帮助");
}

热点排行