学习EXTJS6（6）基本功能-工具栏和菜单

<!DOCTYPE html>
<html>
   <head>
    <meta http-equiv="Content-Type"  content="text/html;charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../../study/EXTJS/ext-4.2.1.883/resources/css/ext-all.css" />
    <script type="text/javascript" src="../../study/EXTJS/ext-4.2.1.883/bootstrap.js"></script>
    <script type="text/javascript" src="../../study/EXTJS/ext-4.2.1.883/locale/ext-lang-zh_CN.js"></script>
 <script type="text/javascript">  
    Ext.onReady(function(){
var toolbar = new Ext.toolbar.Toolbar({
    renderTo : 'toolbar',
    vertical :true,
    enableOverflow : true,
    width : 300});

    toolbar.add([
        {
            text : 'hello usegear',
            handler : onButtonClick,
            iconCls : 'newIcon'
        },
        {text:'open',handler:onButtonClick,iconCls:'openIcon'},
        {text:'save',handler:onButtonClick,iconCls:'saveIcon'}
        ]);
    function onButtonClick(btn){
        alert(btn.text);
        }

    });


</script>
   </head>
   <body>
<div id='toolbar'></div>
        </body>
</html>
包含按钮的简单工具栏