Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Add icon button to Toolbar

<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> </head> <body> <script type="text/javascript"> Ext.onReady(function() {     new Ext.Toolbar({       renderTo: Ext.getBody(),       items:        [           {                   xtype: 'tbbutton',             cls: 'x-btn-icon',             icon: 'http://www.rntsoft.com/style/logo.png'           },           {             text: 'Button'           },'->',                {             text: 'Button'           },           {             xtype: 'tbseparator'           },{             text: 'Button'           },{             xtype: 'tbspacer'           }         ]     }); }); </script>  <div id='div1'>asdf</div> </body> </html>