examples/resizer/basic.js

   1 Ext.onReady(function() {
   2
   3         var basic = Ext.create('Ext.resizer.Resizer', {
   4                 target: 'basic',
   5                 width: 200,
   6                 height: 100,
   7                 minWidth: 100,
   8                 minHeight: 50
   9         });
  10
  11         var wrapped = Ext.create('Ext.resizer.Resizer', {
  12                 target: 'wrapped',
  13                 pinned:true,
  14                 minWidth:50,
  15                 minHeight: 50,
  16                 preserveRatio: true
  17         });
  18
  19         var transparent = Ext.create('Ext.resizer.Resizer', {
  20                 target: 'transparent',
  21                 minWidth:50,
  22                 minHeight: 50,
  23                 preserveRatio: true,
  24                 transparent:true
  25         });
  26
  27         var custom = Ext.create('Ext.resizer.Resizer', {
  28                 target: 'custom',
  29                 pinned:true,
  30                 minWidth:50,
  31                 minHeight: 50,
  32                 preserveRatio: true,
  33                 handles: 'all',
  34                 dynamic: true
  35         });
  36
  37     var customEl = custom.getEl();
  38         // move to the body to prevent overlap on my blog
  39         document.body.insertBefore(customEl.dom, document.body.firstChild);
  40
  41         customEl.on('dblclick', function(){
  42                 customEl.hide(true);
  43         });
  44         customEl.hide();
  45
  46         Ext.get('showMe').on('click', function(){
  47                 customEl.center();
  48                 customEl.show(true);
  49         });
  50
  51
  52         var dwrapped = Ext.create('Ext.resizer.Resizer', {
  53                 target: 'dwrapped',
  54                 pinned:true,
  55                 width:450,
  56                 height:200,
  57                 minWidth:200,
  58                 minHeight: 50,
  59                 dynamic: true
  60         });
  61 });