### Ext.Component - Example Usage

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Component.md

Example demonstrating how to create an Ext.Component instance with various configuration options.

```APIDOC
## Ext.Component - Example Usage

### Description
Creates an Ext.Component instance with specified configuration options.

### Method
Ext.create

### Endpoint
Ext.Component

### Parameters
#### Configuration Options
- **html** (String) - Required - The HTML content to display.
- **width** (Number) - Optional - The width of the component.
- **height** (Number) - Optional - The height of the component.
- **padding** (Number) - Optional - The padding of the component.
- **style** (Object) - Optional - CSS styles to apply.
- **renderTo** (Ext.Element/String) - Optional - The element to render the component to.

### Request Example
```javascript
Ext.create('Ext.Component', { html: 'Hello world!', width: 300, height: 200, padding: 20, style: { color: '#FFFFFF', backgroundColor:'#000000' }, renderTo: Ext.getBody() });
```

### Response
#### Success Response
No explicit response documented.
```

--------------------------------

### Ext.onReady with Ext.widget example

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Loader.md

Example of using Ext.onReady to create a window with a border layout, demonstrating automatic dependency loading.

```javascript
Ext.onReady(function(){
    var window = Ext.widget('window', {
        width: 500,
        height: 300,
        layout: {
            type: 'border',
            padding: 5
        },
        title: 'Hello Dialog',
        items: [{
            title: 'Navigation',
            collapsible: true,
            region: 'west',
            width: 200,
            html: 'Hello',
            split: true
        }, {
            title: 'TabPanel',
            region: 'center'
        }]
    });
    window.show();
})
```

--------------------------------

### Initialize and start Ext.Editor

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Demonstrates how to instantiate an Ext.Editor with a textfield and start editing a specific DOM element.

```javascript
var editor = new Ext.Editor({ updateEl: true, // update the innerHTML of the bound element when editing completes field: { xtype: 'textfield' } }); var el = Ext.get('my-text'); // The element to 'edit' editor.startEdit(el); // The value of the field will be taken as the innerHTML of the element.
```

--------------------------------

### Ext.require syntax and examples

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Loader.md

Shows the syntax for Ext.require and examples for loading a single alias, a single class name, a mix of aliases/class names, and wildcards.

```javascript
// Syntax
Ext.require({String/Array} expressions);

// Example: Single alias
Ext.require('widget.window');

// Example: Single class name
Ext.require('Ext.window.Window');

// Example: Multiple aliases / class names mix
Ext.require(['widget.window', 'layout.border', 'Ext.data.Connection']);

// Wildcards
Ext.require(['widget.*', 'layout.*', 'Ext.data.*']);
```

--------------------------------

### setupHeaders

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Ajax.md

Setup all the headers for the request.

```APIDOC
## setupHeaders

### Description
Setup all the headers for the request.

### Parameters
- **xhr** (Object) - Required - The xhr object.
```

--------------------------------

### HBox Layout Example

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/container/HBox.md

Example of creating a Panel with an HBox layout, demonstrating the use of flex values and align:stretch.

```APIDOC
## HBox Layout Example

### Description
Creates an Ext.Panel with an HBox layout that arranges child panels horizontally, using flex values to distribute space and align:stretch to stretch children vertically.

### Code
```javascript
Ext.create('Ext.Panel', { width: 500, height: 300, title: "HBoxLayout Panel", layout: { type: 'hbox', align: 'stretch' }, renderTo: document.body, items: [{ xtype: 'panel', title: 'Inner Panel One', flex: 2 },{ xtype: 'panel', title: 'Inner Panel Two', flex: 1 },{ xtype: 'panel', title: 'Inner Panel Three', flex: 1 }] });
```
```

--------------------------------

### Fit Layout Example

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/container/Fit.md

Example demonstrating how to use the Fit layout by setting layout:'fit' on a container and adding a single panel.

```APIDOC
## Fit Layout Example

### Description
This example shows how to create a panel with a Fit layout, which automatically expands a single child item to fill the container.

### Code Example
```javascript
Ext.create('Ext.panel.Panel', {
    title: 'Fit Layout',
    width: 300,
    height: 150,
    layout: 'fit',
    items: {
        title: 'Inner Panel',
        html: 'This is the inner panel content',
        bodyPadding: 20,
        border: false
    },
    renderTo: Ext.getBody()
});
```
```

--------------------------------

### Anchor Layout Example

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/container/Anchor.md

Example of creating a panel with the anchor layout and child items using anchor configurations.

```APIDOC
## Anchor Layout Example

### Description
Demonstrates how to use the anchor layout with child items that have anchor configurations.

### Example
```javascript
Ext.create('Ext.Panel', {
    width: 500,
    height: 400,
    title: "AnchorLayout Panel",
    layout: 'anchor',
    renderTo: Ext.getBody(),
    items: [
        { xtype: 'panel', title: '75% Width and 20% Height', anchor: '75% 20%' },
        { xtype: 'panel', title: 'Offset -300 Width & -200 Height', anchor: '-300 -200' },
        { xtype: 'panel', title: 'Mixed Offset and Percent', anchor: '-250 20%' }
    ]
});
```
```

--------------------------------

### Equivalent loader config example

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Ext.button.Button.md

Shows the equivalent loader config for the autoLoad example, using the loader config with autoLoad set to true.

```javascript
Ext.create('Ext.Component', {
    loader: {
        url: 'content.html',
        autoLoad: true
    },
    renderTo: Ext.getBody()
});
```

--------------------------------

### Example: Creating a Border Layout

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/container/Border.md

Example of creating an Ext.panel.Panel with a border layout, including south, west, and center regions with various config options.

```APIDOC
## Example: Creating a Border Layout

### Description
This example demonstrates how to create a panel with a border layout using Ext.create. It includes a south region that is resizable, a west region that is collapsible, and a center region.

### Method
Ext.create

### Code Example
```javascript
Ext.create('Ext.panel.Panel', {
  width: 500,
  height: 300,
  title: 'Border Layout',
  layout: 'border',
  items: [
    {
      title: 'South Region is resizable',
      region: 'south',
      xtype: 'panel',
      height: 100,
      split: true,
      margins: '0 5 5 5'
    },
    {
      title: 'West Region is collapsible',
      region: 'west',
      xtype: 'panel',
      margins: '5 0 0 5',
      width: 200,
      collapsible: true,
      id: 'west-region-container',
      layout: 'fit'
    },
    {
      title: 'Center Region',
      region: 'center',
      xtype: 'panel',
      layout: 'fit',
      margins: '5 5 0 0'
    }
  ],
  renderTo: Ext.getBody()
});
```

### Parameters
#### Items (Array of Objects)
- **region** (String) - Required - The border region for each item: 'south', 'west', 'center'.
- **title** (String) - Optional - The title of the panel.
- **height** (Number) - Optional - The height of the region (used in example for south region).
- **width** (Number) - Optional - The width of the region (used in example for west region).
- **split** (Boolean) - Optional - Whether the region is resizable (used for south region).
- **collapsible** (Boolean) - Optional - Whether the region can be collapsed (used for west region).
- **margins** (String) - Optional - The margins around the region.
- **id** (String) - Optional - The id of the region container.
- **layout** (String) - Optional - The layout for the region (e.g., 'fit').

### Response
#### Success Response (N/A)
The example does not include a response body; it creates a panel and renders it to the body.
```

--------------------------------

### Attribute matchers with OR operator: field[fieldLabel^=User], field[fieldLabel*=password]

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/ComponentQuery.md

Expresssions separated by commas match either expression (logical OR). The example matches fields with labels starting with 'User' or containing 'password'.

```javascript
Ext.ComponentQuery.query('field[fieldLabel^=User], field[fieldLabel*=password]');
```

--------------------------------

### setupProtoEl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/button/Split.md

No description provided.

```APIDOC
## setupProtoEl

### Description
No description provided.

```

--------------------------------

### get

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/ZIndexManager.md

Gets a registered Component by id.

```APIDOC
## get

### Description
Gets a registered Component by id.

### Parameters
- **id** (String/Object) - Required - The id of the Component or a Ext.Component instance
```

--------------------------------

### initQuickTips

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Application.md

Initializes quick tips. The exact behavior is not detailed in the source.

```APIDOC
## initQuickTips

### Description
Initializes quick tips. The exact behavior is not detailed in the source.
```

--------------------------------

### substr(start)

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/String.md

Extracts a substring starting at a given index for a specified length.

```APIDOC
## substr(start)

### Description
Returns the characters in a string beginning at the specified location through the specified number of characters.

### Method
substr

### Parameters
#### Parameters
- **start** (Number) - Required - Location at which to begin extracting characters.

### Returns
String - The characters in a string beginning at the specified location through the specified number of characters.
```

--------------------------------

### setStartPosition(pos)

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/dd/DD.md

Sets the start position of the element. This is set when the obj is initialized, the reset when a drag is started.

```APIDOC
## setStartPosition(pos)

### Description
Sets the start position of the element. This is set when the obj is initialized, the reset when a drag is started.

### Parameters
- **pos** (Object) - Required - Current position (from previous lookup).
```

--------------------------------

### doInit

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Controller.md

Initializes the controller with the application instance.

```APIDOC
## doInit

### Description
Initializes the controller with the application instance.

### Parameters
- **app** (Object) - Required - The application instance.
```

--------------------------------

### Ext.create('Ext.panel.Panel', ...)

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Panel.md

Examples of creating Ext.panel.Panel instances with various configurations, including title, width, html, items, layout, and renderTo.

```APIDOC
## Ext.create('Ext.panel.Panel', ...)

### Description
Creates a new Ext.panel.Panel instance with the specified configuration.

### Method
Ext.create

### Parameters
#### Configuration Object
- **title** (String) - Optional - The panel title.
- **width** (Number) - Optional - The panel width in pixels.
- **html** (String) - Optional - HTML content to display inside the panel.
- **renderTo** (Ext.Element/String) - Optional - The element to render the panel to.
- **bodyPadding** (Number) - Optional - Padding for the panel body.
- **items** (Array) - Optional - Child components or configs.
- **layout** (Object/String) - Optional - Layout configuration for the panel.
- **height** (Number) - Optional - The panel height in pixels.

### Request Example
```javascript
Ext.create('Ext.panel.Panel', { title: 'Hello', width: 200, html: '<p>World!</p>', renderTo: Ext.getBody() });
```

### Response
No response; the panel is created and rendered.
```

--------------------------------

### Ext.create and Ext.widget usage

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Loader.md

Shows the recommended way to instantiate classes using Ext.create and Ext.widget instead of the 'new' keyword, with examples for aliases and full class names.

```javascript
Ext.create('widget.window', { ... }); // Instead of new Ext.window.Window({...});
Ext.create('Ext.window.Window', {}); // Same as above, using full class name instead of alias
Ext.widget('window', {}); // Same as above, all you need is the traditional `xtype`
```

--------------------------------

### getPositioning

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/dom/Element.md

Gets an object with all CSS positioning properties. Useful along with setPositioning to get a snapshot before performing an update and then restoring the element.

```APIDOC
## getPositioning

### Description
Gets an object with all CSS positioning properties. Useful along with setPositioning to get a snapshot before performing an update and then restoring the element.

### Method
`getPositioning(autoPx)`

### Parameters
- **autoPx** (Object) - Required - Description not provided in source.

### Returns
- (Object) - An object with all CSS positioning properties.
```

--------------------------------

### onAdd

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Header.md

Set up the tools.<tool type> link in the owning Panel.

```APIDOC
## onAdd

### Description
Set up the `tools.<tool type>` link in the owning Panel.

### Parameters
- **component** (Object) - Required - The component to add.
```

--------------------------------

### getPositioning(autoPx)

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/dom/Element.md

Gets an object with all CSS positioning properties. Useful along with setPostioning to get snapshot before performing an update and then restoring the element.

```APIDOC
## getPositioning(autoPx)

### Description
Gets an object with all CSS positioning properties. Useful along with setPostioning to get snapshot before performing an update and then restoring the element.

### Method
getPositioning

### Parameters
- **autoPx** (Object) - Required - (No description provided)
```

--------------------------------

### Initialize a basic Ext.app.Application

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Application.md

Creates a global namespace and a Viewport upon application launch.

```javascript
Ext.application({ name: 'MyApp', launch: function() { Ext.create('Ext.container.Viewport', { items: { html: 'My App' } }); } });
```

--------------------------------

### disable

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Panel.md

Disables the component. Override disable because onDisable only gets called when rendered. Disable all immediate children that was previously disabled.

```APIDOC
## disable

### Description
Disables the component. Override disable because onDisable only gets called when rendered. Disable all immediate children that was previously disabled. Available since: 1.1.0

### Method
disable(silent)

### Parameters
- **silent** (Boolean) - Optional - Passing `true` will suppress the `disable` event from being fired. Defaults to: `false`

### Returns
None
```

--------------------------------

### Creating a panel with tools using type and callback

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Tool.md

This example shows how to create an Ext.panel.Panel with multiple tools (help, refresh, search) defined via the tools config. The callback functions show how to handle clicks; the search tool shows how to show a hidden tool using panel.down('#refresh').show(). Ensure the panel has a render target (renderTo: document.body) and proper dimensions.

```javascript
Ext.create('Ext.panel.Panel', {
    width: 200,
    height: 200,
    renderTo: document.body,
    title: 'A Panel',
    tools: [{
        type: 'help',
        callback: function() {
            // show help here
        }
    }, {
        itemId: 'refresh',
        type: 'refresh',
        hidden: true,
        callback: function() {
            // do refresh
        }
    }, {
        type: 'search',
        callback: function (panel) {
            // do search
            panel.down('#refresh').show();
        }
    }]
});
```

```javascript
tools: [{
     type: 'help',
     callback: 'onHelp',
     scope: this
 },
 ...
```

--------------------------------

### startedit

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Fires when this editor is displayed.

```APIDOC
## startedit

### Description
Fires when this editor is displayed

### Parameters
- **this** (Ext.Editor) - The editor.
```

--------------------------------

### Instantiating components with Ext.widget

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Ext.button.Button.md

Comparison between using Ext.create and Ext.widget for component instantiation.

```javascript
 var text1 = Ext.create('Ext.form.field.Text', {
     fieldLabel: 'Foo'
 });

 // or alternatively:

 var text1 = Ext.widget({
     xtype: 'textfield',
     fieldLabel: 'Foo'
 });
```

--------------------------------

### Use refs to get references to views

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Controller.md

Shows how to define refs to get references to views using ComponentQuery. The getList function is generated automatically and caches the first matching component.

```javascript
Ext.define('MyApp.controller.Users', {
    extend: 'Ext.app.Controller',
    refs: [{
        ref: 'list',
        selector: 'grid'
    }],
    init: function() {
        this.control({
            'button': {
                click: this.refreshGrid
            }
        });
    },
    refreshGrid: function() {
        this.getList().store.load();
    }
});
```

--------------------------------

### doInit

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Controller.md

Performs initialization for the controller. This is called during the application boot process.

```APIDOC
## doInit

### Description
Performs initialization for the controller. This is called during the application boot process.

### Method
doInit

### Parameters
- **app** (Object) - Required - The application instance.
```

--------------------------------

### getTransaction

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/direct/Manager.md

Gets a transaction.

```APIDOC
## getTransaction

### Description
Gets a transaction.

### Parameters
- **transaction** (String/Ext.direct.Transaction) - Required - The transaction/id of transaction to get.
```

--------------------------------

### setupDockingRenderTpl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/MessageBox.md

Sets up the docking render template.

```APIDOC
## setupDockingRenderTpl

### Description
Sets up the docking render template.

### Parameters
- **renderTpl** (Object) - Required - The render template.
```

--------------------------------

### getView

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Table.md

Gets the view for this panel.

```APIDOC
## getView()

### Description
Gets the view for this panel.

### Returns
- **Ext.view.Table** - The view for this panel.
```

--------------------------------

### setupProtoEl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Sets up the prototype element for the component.

```APIDOC
## setupProtoEl

### Description
Sets up the prototype element for the component.
```

--------------------------------

### getTools

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/panel/Header.md

Gets the tools for this header.

```APIDOC
## getTools

### Description
Gets the tools for this header.

### Method
`getTools()`

### Returns
- (Ext.panel.Tool[]) - The tools.
```

--------------------------------

### Ext.create('Ext.Component')

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Component.md

Example of instantiating a base Ext.Component with HTML content and rendering it to the document body.

```APIDOC
## Ext.create('Ext.Component')

### Description
Creates a new Ext.Component instance with specified configuration and renders it to the document body.

### Method
create

### Endpoint
Ext.create(className, config)

### Parameters
#### Path Parameters
- **className** (String) - Required - The class name to create, e.g., 'Ext.Component'.

#### Request Body
- **html** (String) - Required - HTML content to display.
- **width** (Number) - Optional - Width of the component.
- **height** (Number) - Optional - Height of the component.
- **padding** (Number) - Optional - Padding of the component.
- **style** (Object) - Optional - CSS styles to apply.
- **renderTo** (Ext.Element) - Required - The element to render the component to.

### Request Example
Ext.create('Ext.Component', {
  html: 'Hello world!',
  width: 300,
  height: 200,
  padding: 20,
  style: {
    color: '#FFFFFF',
    backgroundColor: '#000000'
  },
  renderTo: Ext.getBody()
});

### Response
#### Success Response
- Returns the created Ext.Component instance.
```

--------------------------------

### Ext.app.domain.Store.initConfig

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/domain/Store.md

Initializes configuration for this class.

```APIDOC
## initConfig

### Description
Initialize configuration for this class. A typical example is provided in the source.

### Parameters
- **config** (Object) - The configuration object.
```

--------------------------------

### getAnimatePolicy

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/Layout.md

Gets the animation policy.

```APIDOC
## getAnimatePolicy

### Description
Gets the animation policy.

```

--------------------------------

### doInit(app)

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Application.md

Performs initialization for the controller with the given application.

```APIDOC
## doInit(app)

### Description
Performs initialization for the controller with the given application.

### Method
doInit

### Parameters
- **app** (Object) - Required - The application object.
```

--------------------------------

### getSorters

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/data/AbstractStore.md

Gets the sorters collection.

```APIDOC
## getSorters

### Description
Gets the sorters collection.
```

--------------------------------

### startEdit

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Starts the editing process and shows the editor.

```APIDOC
## startEdit

### Description
Starts the editing process and shows the editor.

### Parameters
- **el** (String/HTMLElement/Ext.Element) - Required - The element to edit.
```

--------------------------------

### getText

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Ext.button.Button.md

Gets the text for this Button.

```APIDOC
## getText

### Description
Gets the text for this Button.

### Returns
- **String** - The button text.
```

--------------------------------

### setupRenderTpl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/layout/container/Container.md

Sets up the render template for the layout.

```APIDOC
## setupRenderTpl

### Description
Sets up the render template for the layout.

### Method
setupRenderTpl

### Parameters
- **renderTpl** (Object) - Required - The render template

### Returns
None
```

--------------------------------

### getHeader

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/MessageBox.md

Gets the Header for this panel.

```APIDOC
## getHeader

### Description
Gets the Header for this panel.

```

--------------------------------

### getAnimateTarget

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Gets the animate target.

```APIDOC
## getAnimateTarget

### Description
Gets the animate target.

### Parameters
- **target** (Object) - Required - The target.
```

--------------------------------

### Create a basic Ext.Component with Ext.create

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Component.md

Instantiates a base Ext.Component with HTML content, dimensions, padding, and styling, then renders it to the document body. Use this to create a simple component without subclassing.

```javascript
Ext.create('Ext.Component', {
  html: 'Hello world!',
  width: 300,
  height: 200,
  padding: 20,
  style: {
    color: '#FFFFFF',
    backgroundColor:'#000000'
  },
  renderTo: Ext.getBody()
});
```

--------------------------------

### getLatest

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Ajax.md

Gets the most recent request.

```APIDOC
## getLatest

### Description
Gets the most recent request.

### Method
getLatest

### Returns
- **Object** - The request. Null if there is no recent request.
```

--------------------------------

### Ext.app.Application

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Application.md

Creates a new Application instance with an optional configuration object.

```APIDOC
## Ext.app.Application

### Description
Creates a new Application instance.

### Method
Ext.app.Application(config)

### Parameters
- **config** (Object) - Optional - Config object for the application.
```

--------------------------------

### setupSubscriberKeys

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/FocusManager.md

No description provided.

```APIDOC
## setupSubscriberKeys(container)

### Description
No description provided.

### Parameters
- **container** (Object) - Required - No description provided.

```

--------------------------------

### getConfig

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/ElementLoader.md

Gets the configuration for the loader.

```APIDOC
## getConfig

### Description
Gets the configuration for the loader.

### Method
getConfig

### Parameters
- **name** (Object) - Required - The name of the configuration option.

```

--------------------------------

### getY

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/EventObject.md

Gets the y coordinate of the event.

```APIDOC
## getY

### Description
Gets the y coordinate of the event.

### Returns
- **Number** - The y coordinate.
```

--------------------------------

### finishInit

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/app/Controller.md

Finishes initialization of the controller.

```APIDOC
## finishInit

### Description
Finishes initialization of the controller.

### Method
finishInit

### Parameters
- **app** (Object) - Required - The application instance.
```

--------------------------------

### show

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Action.md

Shows all components configured by this Action.

```APIDOC
## show

### Description
Shows all components configured by this Action.

### Method
show

```

--------------------------------

### getConfig

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/AbstractManager.md

Gets configuration for this class.

```APIDOC
## Ext.AbstractManager.getConfig

### Description
Gets configuration for this class.

### Method
getConfig

### Parameters
- **name** (Object) - Required - The name of the config option.

### Returns
None
```

--------------------------------

### initCls

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Img.md

Initializes the cls configuration. No parameters documented.

```APIDOC
## initCls

### Description
Initializes the cls configuration.

### Method
initCls()

```

--------------------------------

### getRenderer

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/ComponentLoader.md

Gets the renderer to use.

```APIDOC
## getRenderer

### Description
Gets the renderer to use.

### Parameters
- **renderer** (String/Function) - Required - The renderer to use.

```

--------------------------------

### getTarget

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/EventManager.md

Gets the target of the event.

```APIDOC
## getTarget

### Description
Gets the target of the event.

### Parameters
- **event** (Object) - Required - The event

```

--------------------------------

### setupFramingTpl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/form/RadioGroup.md

Sets up the framing template for the component.

```APIDOC
## setupFramingTpl

### Description
Sets up the framing template for the component.

### Parameters
- **frameTpl** (Object) - Required - The framing template.
```

--------------------------------

### getPageY

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/EventManager.md

Gets the y coordinate from the event.

```APIDOC
## getPageY

### Description
Gets the y coordinate from the event.

### Parameters
- **event** (Object) - Required - The event

```

--------------------------------

### Ext.Base.create

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Base.md

Create a new instance of this Class. All parameters are passed to the constructor of the class.

```APIDOC
## Ext.Base.create

### Description
Create a new instance of this Class. All parameters are passed to the constructor of the class.

### Method
create

### Parameters
None (all parameters are passed to the constructor)

### Returns
- **Object** - The created instance.
```

--------------------------------

### setupRenderTpl

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/Editor.md

Sets up the render template for the component.

```APIDOC
## setupRenderTpl

### Description
Sets up the render template for the component.

### Parameters
- **renderTpl** (Object) - Required - The render template.
```

--------------------------------

### get

Source: https://github.com/elantrus/ext-js-4-docs/blob/master/docs/AbstractManager.md

Returns an item by id.

```APIDOC
## Ext.AbstractManager.get

### Description
Returns an item by id.

### Method
get

### Parameters
- **id** (String) - Required - The id of the item

### Returns
An item by id. For additional details see Ext.util.HashMap.get.
```