92 lines
No EOL
2.4 KiB
JavaScript
92 lines
No EOL
2.4 KiB
JavaScript
/*
|
|
* Ext JS Library 1.0.1
|
|
* Copyright(c) 2006-2007, Ext JS, LLC.
|
|
* licensing@extjs.com
|
|
*
|
|
* http://www.extjs.com/license
|
|
*/
|
|
|
|
var ResizableExample = {
|
|
init : function(){
|
|
|
|
var basic = new Ext.Resizable('basic', {
|
|
width: 200,
|
|
height: 100,
|
|
minWidth:100,
|
|
minHeight:50
|
|
});
|
|
|
|
var animated = new Ext.Resizable('animated', {
|
|
width: 200,
|
|
pinned: true,
|
|
height: 100,
|
|
minWidth:100,
|
|
minHeight:50,
|
|
animate:true,
|
|
easing: 'backIn',
|
|
duration:.6
|
|
});
|
|
|
|
var wrapped = new Ext.Resizable('wrapped', {
|
|
wrap:true,
|
|
pinned:true,
|
|
minWidth:50,
|
|
minHeight: 50,
|
|
preserveRatio: true
|
|
});
|
|
|
|
var transparent = new Ext.Resizable('transparent', {
|
|
wrap:true,
|
|
minWidth:50,
|
|
minHeight: 50,
|
|
preserveRatio: true,
|
|
transparent:true
|
|
});
|
|
|
|
var custom = new Ext.Resizable('custom', {
|
|
wrap:true,
|
|
pinned:true,
|
|
minWidth:50,
|
|
minHeight: 50,
|
|
preserveRatio: true,
|
|
handles: 'all',
|
|
draggable:true,
|
|
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 = new Ext.Resizable('dwrapped', {
|
|
wrap:true,
|
|
pinned:true,
|
|
width:450,
|
|
height:150,
|
|
minWidth:200,
|
|
minHeight: 50,
|
|
dynamic: true
|
|
});
|
|
|
|
var snap = new Ext.Resizable('snap', {
|
|
pinned:true,
|
|
width:250,
|
|
height:100,
|
|
handles: 'e',
|
|
widthIncrement:50,
|
|
minWidth: 50,
|
|
dynamic: true
|
|
});
|
|
}
|
|
};
|
|
|
|
Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true); |