examples/toolbar/reorderable.js

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function() {
   8     var toolbar = new Ext.Toolbar({
   9         renderTo: 'docbody',
  10         plugins : [
  11             new Ext.ux.ToolbarReorderer({
  12                 defaultReorderable: true
  13             })
  14         ],
  15         items   : [
  16             {
  17                 xtype:'splitbutton',
  18                 text: 'Menu Button',
  19                 iconCls: 'add16',
  20                 menu: [{text: 'Menu Item 1'}],
  21                 reorderable: false
  22             },
  23             {
  24                 xtype:'splitbutton',
  25                 text: 'Cut',
  26                 iconCls: 'add16',
  27                 menu: [{text: 'Cut Menu Item'}]
  28             },
  29             {
  30                 text: 'Copy',
  31                 iconCls: 'add16'
  32             },
  33             {
  34                 text: 'Paste',
  35                 iconCls: 'add16',
  36                 menu: [{text: 'Paste Menu Item'}],
  37                 reorderable: true
  38             },
  39             {
  40                 text: 'Format',
  41                 iconCls: 'add16',
  42                 reorderable: true
  43             }
  44         ]
  45     });
  46
  47     new Ext.Panel({
  48         renderTo: 'docbody',
  49         tbar    : toolbar,
  50         border  : true,
  51         width   : 600
  52     });
  53 });