X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/src/layout/container/AbstractFit.js diff --git a/src/layout/container/AbstractFit.js b/src/layout/container/AbstractFit.js new file mode 100644 index 00000000..6a2ff489 --- /dev/null +++ b/src/layout/container/AbstractFit.js @@ -0,0 +1,33 @@ +/** + * @class Ext.layout.container.AbstractFit + * @extends Ext.layout.container.Container + *
This is a base class for layouts that contain a single item that automatically expands to fill the layout's + * container. This class is intended to be extended or created via the layout:'fit' {@link Ext.container.Container#layout} + * config, and should generally not need to be created directly via the new keyword.
+ *FitLayout does not have any direct config options (other than inherited ones). To fit a panel to a container + * using FitLayout, simply set layout:'fit' on the container and add a single panel to it. If the container has + * multiple panels, only the first one will be displayed. Example usage:
+ *
+var p = new Ext.panel.Panel({
+ title: 'Fit Layout',
+ layout:'fit',
+ items: {
+ title: 'Inner Panel',
+ html: '<p>This is the inner panel content</p>',
+ border: false
+ }
+});
+
+ */
+Ext.define('Ext.layout.container.AbstractFit', {
+
+ /* Begin Definitions */
+
+ extend: 'Ext.layout.container.Container',
+
+ /* End Definitions */
+
+ itemCls: Ext.baseCSSPrefix + 'fit-item',
+ targetCls: Ext.baseCSSPrefix + 'layout-fit',
+ type: 'fit'
+});
\ No newline at end of file