Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / docs / source / basic1.html
diff --git a/docs/source/basic1.html b/docs/source/basic1.html

new file mode 100644 (file)

index 0000000..10db97f
--- /dev/null
+++ b/docs/source/basic1.html
@@ -0,0 +1,93 @@
+<html>\r
+<head>\r
+  <title>The source code</title>\r
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body  onload="prettyPrint();">\r
+    <pre class="prettyprint lang-js">var ResizableExample = {\r
+    init : function(){\r
+        \r
+        var basic = new Ext.Resizable('basic', {\r
+                width: 200,\r
+                height: 100,\r
+                minWidth:100,\r
+                minHeight:50\r
+        });\r
+        \r
+        var animated = new Ext.Resizable('animated', {\r
+                width: 200,\r
+                pinned: true,\r
+                height: 100,\r
+                minWidth:100,\r
+                minHeight:50,\r
+                animate:true,\r
+                easing: 'backIn',\r
+                duration:.6\r
+        });\r
+        \r
+        var wrapped = new Ext.Resizable('wrapped', {\r
+            wrap:true,\r
+            pinned:true,\r
+            minWidth:50,\r
+            minHeight: 50,\r
+            preserveRatio: true\r
+        });\r
+        \r
+        var transparent = new Ext.Resizable('transparent', {\r
+            wrap:true,\r
+            minWidth:50,\r
+            minHeight: 50,\r
+            preserveRatio: true,\r
+            transparent:true\r
+        });\r
+        \r
+        var custom = new Ext.Resizable('custom', {\r
+            wrap:true,\r
+            pinned:true,\r
+            minWidth:50,\r
+            minHeight: 50,\r
+            preserveRatio: true,\r
+            handles: 'all',\r
+            draggable:true,\r
+            dynamic:true\r
+        });\r
+        var customEl = custom.getEl();\r
+        // move to the body to prevent overlap on my blog\r
+        document.body.insertBefore(customEl.dom, document.body.firstChild);\r
+        \r
+        customEl.on('dblclick', function(){\r
+            customEl.hide(true);\r
+        });\r
+        customEl.hide();\r
+        \r
+        Ext.get('showMe').on('click', function(){\r
+            customEl.center();\r
+            customEl.show(true);\r
+        });\r
+        \r
+        var dwrapped = new Ext.Resizable('dwrapped', {\r
+            wrap:true,\r
+            pinned:true,\r
+            width:450,\r
+            height:150,\r
+            minWidth:200,\r
+            minHeight: 50,\r
+            dynamic: true\r
+        });\r
+        \r
+        var snap = new Ext.Resizable('snap', {\r
+            pinned:true,\r
+            width:250,\r
+            height:100,\r
+            handles: 'e',\r
+            widthIncrement:50,\r
+            minWidth: 50,\r
+            dynamic: true\r
+        });\r
+    }\r
+};\r
+\r
+Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true);</pre>    \r
+</body>\r
+</html>
+\ No newline at end of file