Clear Up
SharpKit Reference

ResizerConfig Class

Namespace: Ext.resizer

Base Types

System.Object

Constructors

Name Description
ResizerConfig(Object[])

Fields

Name Description
constrainTo An element, or a Region into which the resize operation must be constrained.
dynamic Specify as true to update the target (Element or Component) dynamically during dragging. This is true by default, but the Component class passes false when it is configured as Ext.Component.resizable. If specified as false, a proxy element is displayed during the resize operation, and the target is updated on mouseup. Defaults to: true
handles String consisting of the resize handles to display. Defaults to 's e se' for Elements and fixed position Components. Defaults to 8 point resizing for floating Components (such as Windows). Specify either 'all' or any of 'n s e w ne nw se sw'. Defaults to: "s e se"
height Optional. The height to set target to in pixels Defaults to: null
heightIncrement The increment to snap the height resize in pixels. Defaults to: 0
listeners A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the addListener example for attaching multiple handlers at once. DOM events from Ext JS Components While some Ext JS Component classes export selected DOM events (e.g. "click", "mouseover" etc), this is usually only done when extra value can be added. For example the DataView's itemclick event passing the node clicked on. To access DOM events directly from a child element of a Component, we need to specify the element option to identify the Component property to add a DOM listener to:
new Ext.panel.Panel({
            width: 400,
            height: 200,
            dockedItems: [{
            xtype: 'toolbar'
            }],
            listeners: {
            click: {
            element: 'el', //bind to the underlying el property on the panel
            fn: function(){ console.log('click el'); }
            },
            dblclick: {
            element: 'body', //bind to the underlying body property on the panel
            fn: function(){ console.log('dblclick body'); }
            }
            }
            });
            
maxHeight The maximum height for the element Defaults to: 10000
maxWidth The maximum width for the element Defaults to: 10000
minHeight The minimum height for the element Defaults to: 20
minWidth The minimum width for the element Defaults to: 20
pinned True to ensure that the resize handles are always visible, false indicates resizing by cursor changes only Defaults to: false
preserveRatio True to preserve the original ratio between height and width during resize Defaults to: false
target The Element or Component to resize.
transparent True for transparent handles. This is only applied at config time. Defaults to: false
width Optional. The width to set the target to in pixels Defaults to: null
widthIncrement The increment to snap the width resize in pixels. Defaults to: 0
© Copyright 2005-2011 SharpKit. All rights reserved.