- anchor: 'none -25'
- },
- new Ext.Toolbar({
- cls:'top-toolbar',
- items:[ ' ',
- new Ext.form.TextField({
- width: 200,
- emptyText:'Find a Class',
- listeners:{
- render: function(f){
- f.el.on('keydown', filterTree, f, {buffer: 350});
- }
- }
- }), ' ', ' ',
- {
- iconCls: 'icon-expand-all',
- tooltip: 'Expand All',
- handler: function(){ api.root.expand(true); }
- }, '-', {
- iconCls: 'icon-collapse-all',
- tooltip: 'Collapse All',
- handler: function(){ api.root.collapse(true); }
- }, '->', {
- tooltip:'Hide Inherited Members',
- iconCls: 'icon-hide-inherited',
- enableToggle: true,
- toggleHandler : function(b, pressed){
- mainPanel[pressed ? 'addClass' : 'removeClass']('hide-inherited');
- }
- }, '-', {
- tooltip:'Expand All Members',
- iconCls: 'icon-expand-members',
- enableToggle: true,
- toggleHandler : function(b, pressed){
- mainPanel[pressed ? 'addClass' : 'removeClass']('full-details');
- }
- }]
- })]
- })
-
- var viewport = new Ext.Viewport({
- layout:'border',
- items:[ hd, api, mainPanel ]