+++ /dev/null
-<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