ExtJs启用与禁用工具栏

<script type="text/javascript">   
Ext.onReady(function() {     
    var toolbar = new Ext.toolbar.Toolbar({   
        renderTo:Ext.getBody(),   
        width:500,   
        items:[{   
            text:'新建',//按钮上显示的文字   
            handler:onButtonClick//点击按钮的处理函数   
        },   
        {text:'打开',handler:onButtonClick},   
        {text:'保存',handler:onButtonClick}]   
    });   
  
    function onButtonClick(btn) {//点击按钮时调用的处理函数   
        alert(btn.text);//取得按钮上的文字   
    }    
  
    Ext.get('enabledBtn').on('click',function(){   
        //启用工具栏   
        toolbar.enable();   
    });   
    Ext.get('disabledBtn').on('click',function(){   
        //禁用工具栏   
        toolbar.disable();   
    });   
});     
</script>   
</head>   
<body>   
<div id='toolbar'></div>   
<button id='enabledBtn'>启用工具栏</button>   
<button id='disabledBtn'>禁用工具栏</button>   
  
</body>

你可能感兴趣的:(ExtJs,工具栏,禁用,启用)