Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / resizer / basic.js

diff --git a/examples/resizer/basic.js b/examples/resizer/basic.js
new file mode 100644 (file)
index 0000000..d684a98
--- /dev/null
+++ b/examples/resizer/basic.js
@@ -0,0 +1,61 @@
+Ext.onReady(function() {
+        
+       var basic = Ext.create('Ext.resizer.Resizer', {
+               target: 'basic',
+               width: 200,
+               height: 100,
+               minWidth: 100,
+               minHeight: 50
+       });
+       
+       var wrapped = Ext.create('Ext.resizer.Resizer', {
+               target: 'wrapped',
+               pinned:true,
+               minWidth:50,
+               minHeight: 50,
+               preserveRatio: true
+       });
+       
+       var transparent = Ext.create('Ext.resizer.Resizer', {
+               target: 'transparent',
+               minWidth:50,
+               minHeight: 50,
+               preserveRatio: true,
+               transparent:true
+       });
+
+       var custom = Ext.create('Ext.resizer.Resizer', {
+               target: 'custom',
+               pinned:true,
+               minWidth:50,
+               minHeight: 50,
+               preserveRatio: true,
+               handles: 'all',
+               dynamic: true
+       });
+
+    var customEl = custom.getEl();
+       // move to the body to prevent overlap on my blog
+       document.body.insertBefore(customEl.dom, document.body.firstChild);
+
+       customEl.on('dblclick', function(){
+               customEl.hide(true);
+       });
+       customEl.hide();
+       
+       Ext.get('showMe').on('click', function(){
+               customEl.center();
+               customEl.show(true);
+       });
+       
+       
+       var dwrapped = Ext.create('Ext.resizer.Resizer', {
+               target: 'dwrapped',
+               pinned:true,
+               width:450,
+               height:200,
+               minWidth:200,
+               minHeight: 50,
+               dynamic: true
+       });
+});