| 
     
   
 
<html> 
<head> 
<title>Hello World Window</title> 
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> 
<style> 
 
.add24 { 
    background-image: url(ext-3.0.0/examples/button/images/add24.gif) !important; 
} 
</style> 
</head> 
<body> 
<script type="text/javascript"> 
Ext.onReady(function() { 
     
    var myButton = new Ext.Button({ 
      text    : 'hide me', 
        scale: 'medium', 
        iconAlign: 'top', 
        iconCls: 'add24', 
        defaultType: 'splitbutton', 
     
      handler : function() { 
        alert("asdf"); 
      }  
    }); 
     
    myPanel = new Ext.Panel({ 
      width    : 400, 
      height   : 400, 
      title    : 'Title me', 
      frame    : true, 
      renderTo : Ext.getBody(),  
      items    :  myButton  
    }); 
 
 
 
}); 
</script>  
<div id='div1'>asdf</div> 
</body> 
</html> 
 
    
     
   
    
    |