### Usage Examples

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

Demonstrates how to get an Ext.dom.Element instance and apply animations.

```APIDOC
## Usage

// Get an element by its ID
var el = Ext.get("my-div");

// Get an element by its DOM element reference
var el = Ext.get(myDivElement);

## Animations

// Applying default animation
var el = Ext.get("my-div");
el.setWidth(100, true);

// Applying animation with custom options
var opt = {
    duration: 1000,
    easing: 'elasticIn',
    callback: this.foo,
    scope: this
};
el.setWidth(100, opt);

// Accessing the animation object
if (opt.anim.isAnimated()) {
    opt.anim.stop();
}
```

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

### Initialize and Start Editing with Ext.Editor

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

Demonstrates how to initialize an Ext.Editor with updateEl set to true and then start editing a specific element. The editor uses a textfield for input and takes the innerHTML of the bound element as its initial value.

```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.
```

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

### Basic Form Layout Example

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

This example demonstrates how to create a panel with a form layout, including various text, date, and number fields. Note that any configured padding on items within a Form layout will be ignored.

```javascript
Ext.create('Ext.Panel', {
    width: 500,
    height: 300,
    title: "FormLayout Panel",
    layout: 'form',
    renderTo: Ext.getBody(),
    bodyPadding: 5,
    defaultType: 'textfield',
    items: [
        { fieldLabel: 'First Name', name: 'first', allowBlank:false },
        { fieldLabel: 'Last Name', name: 'last' },
        { fieldLabel: 'Company', name: 'company' },
        { fieldLabel: 'Email', name: 'email', vtype:'email' },
        { fieldLabel: 'DOB', name: 'dob', xtype: 'datefield' },
        { fieldLabel: 'Age', name: 'age', xtype: 'numberfield', minValue: 0, maxValue: 100 },
        { xtype: 'timefield', fieldLabel: 'Time', name: 'time', minValue: '8:00am', maxValue: '6:00pm' }
    ]
});
```

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

### doInit

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

Performs the initial setup for the application or component.

```APIDOC
## doInit

### Description
Performs initial setup.

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

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

### initConfig

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

Initialize configuration for this class. a typical example:

```APIDOC
## initConfig

### Description
Initializes configuration for this class.

### Method
Template Method (override in subclasses)

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

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

### doInit

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

Performs initialization.

```APIDOC
## doInit

### Description
Performs initialization.

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

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

### Get Character at Index

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

Returns the character at the specified index. If the index is out of range, an empty string is returned. Characters are indexed starting from 0.

```javascript
var str = "Brave new world";
console.log(str.charAt(0)); // Output: B
console.log(str.charAt(1)); // Output: r
console.log(str.charAt(15)); // Output: ""
```

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

### setHandleElId

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

Allows you to specify a child of the linked element that should be used to initiate the drag operation. An example of this would be if you have a content div with text and links. Clicking anywhere in the content area would normally start the drag operation. Use this method to specify that an element inside of the content div is the element that starts the drag operation.

```APIDOC
## setHandleElId

### Description
Allows you to specify a child of the linked element that should be used to initiate the drag operation. An example of this would be if you have a content div with text and links. Clicking anywhere in the content area would normally start the drag operation. Use this method to specify that an element inside of the content div is the element that starts the drag operation.

### Parameters:
#### Request Body
- **id** (String) - the id of the element that will be used to initiate the drag.
```

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

### doInit

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

Initializes the application with the provided application object.

```APIDOC
## doInit

### Description
Initializes the application.

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

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

### setupRenderTpl

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

Sets up the rendering template for the VBox layout.

```APIDOC
## setupRenderTpl

**Parameters:**
*   **renderTpl** (Object) - The rendering template.
```

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

### getXType

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

Gets the xtype for this component as registered with Ext.ComponentManager. For a list of all available xtypes, see the Ext.Component header. Example usage: var t = new Ext.form.field.Text(); alert(t.getXType()); // alerts 'textfield'

```APIDOC
## getXType

### Description
Gets the xtype for this component as registered with Ext.ComponentManager. For a list of all available xtypes, see the Ext.Component header.

### Method
(Not specified in source, assumed to be a method call)

### Endpoint
(Not applicable, this is an SDK method)

### Parameters
(None specified)

### Request Example
```javascript
var t = new Ext.form.field.Text();
alert(t.getXType()); // alerts 'textfield'
```

### Response
- **xtype** (String) - The xtype.
```

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

### Initialize Configuration

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

Initialize configuration for this class. A typical example is provided.

```javascript
Ext.define('My.Component', {
    config: {
        myValue: null
    },
    constructor: function(config) {
        this.initConfig(config);
    }
});

var cmp = new My.Component({
    myValue: 'initial'
});

console.log(cmp.getMyValue()); // Output: initial
```

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

### Ext JS 4 VBox Layout Example

Source: https://context7.com/elantrus/ext-js-4-docs/llms.txt

Shows vertical box layout (vbox) with stretch alignment and start packing for arranging child components. Requires Ext JS framework.

```javascript
// VBox layout — vertical stack with flex
Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody(),
    layout: {
        type:  'vbox',
        align: 'stretch',
        pack:  'start'
    },
    width: 400,
    items: [
        { xtype: 'panel', title: 'Header',  height: 50          },
        { xtype: 'panel', title: 'Content', flex: 1             },
        { xtype: 'panel', title: 'Footer',  height: 30          }
    ]
});
```

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

### Basic RadioGroup Example

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

A simple example demonstrating the creation and basic configuration of a RadioGroup.

```javascript
var panel = Ext.create('Ext.panel.Panel', {
    title: 'Radio Group',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'radiogroup',
        fieldLabel: 'Favorite Fruit',
        columns: 2,
        vertical: true,
        items: [
            { boxLabel: 'Apple', name: 'fruit', inputValue: 'apple' },
            { boxLabel: 'Orange', name: 'fruit', inputValue: 'orange', checked: true },
            { boxLabel: 'Banana', name: 'fruit', inputValue: 'banana' },
            { boxLabel: 'Grape', name: 'fruit', inputValue: 'grape' }
        ]
    }]
});
```

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

### beginLayout Method

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

Prepares the layout for calculation cycles by performing initial setup.

```APIDOC
## beginLayout

### Description

Called before any calculation cycles to prepare for layout. This is a write phase and DOM reads should be strictly avoided when overriding this method.

### Parameters

#### Parameters

- **ownerContext** (Ext.layout.ContextItem) - The context item for the layout's owner component.
```

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

### getPosition

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

Gets the current XY position of the component's underlying element. The 'local' parameter can be used to get coordinates relative to the offsetParent.

```APIDOC
## getPosition

### Description
Gets the current XY position of the component's underlying element.

### Parameters:
- **local** (Boolean, optional) - If true, the element's left and top are returned instead of page XY. Defaults to: `false`

### Returns:
Array - The XY position of the element.
```

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

### setupProtoEl

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

Placeholder for setupProtoEl functionality.

```APIDOC
## setupProtoEl

### Description
Placeholder for setupProtoEl functionality.
```

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

### setupHeaders

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

Sets up all the headers for the request.

```APIDOC
## setupHeaders

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

### Method
POST (implied)

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

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

### Get the Class of an Object

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

Use Ext.ClassManager.getClass() to get the class of a given object. It returns null if the object is not an instance of an Ext.define'd class.

```javascript
var personInstance = new Person();
var personClass = Ext.ClassManager.getClass(personInstance);
```

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

### setupRenderTpl

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

Sets up the render template.

```APIDOC
## setupRenderTpl

### Description
Sets up the render template.

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

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

### Basic JavaScript Code Example

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

A placeholder for a basic JavaScript code example within the documentation structure. This is typically replaced with actual ExtJS code.

```javascript
// Code example
```

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

### Getting Initial Configuration

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

Retrieve the initial configuration object that was passed when the component was instantiated. Optionally, you can specify a config option name to get a specific value.

```javascript
// Get all initial config
var initialConfig = component.getInitialConfig();

// Get a specific config option
var titleConfig = component.getInitialConfig('title');
```

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

### onAdd

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

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

```APIDOC
## onAdd

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

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

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

### setupSubscriberKeys

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

Sets up subscriber keys. (Specifics not detailed in source)

```APIDOC
## setupSubscriberKeys

### Description
Sets up subscriber keys.

### Parameters
* **container** (Object)
```

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

### Get Initial Configuration

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

Retrieve the initial configuration object passed to the constructor. Optionally, specify a config name to get a single initial config value.

```javascript
var initialCfg = this.getInitialConfig('title');
```

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

### getTpl

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

Gets the template.

```APIDOC
## getTpl

### Description
Gets the template.

### Parameters
#### Query Parameters
- **name** (Object) - Description not provided.
```

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

### Initialize Configuration

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

Initialize configuration for this class. A typical example involves setting initial properties.

```javascript
Ext.define('My.Component', {
    config: {
        myProp: 'defaultValue'
    },
    initComponent: function() {
        this.initConfig(this.initialConfig);
    }
});
```

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

### Anchor Layout Example

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

This example demonstrates how to use the Anchor layout with a panel. It shows different ways to configure the 'anchor' property for child items, including percentages, offsets, and mixed values.

```APIDOC
## Example 1

```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%'
        }
    ]
});
```
```

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

### setupMethod

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

Template method for overriding the request method.

```APIDOC
## setupMethod

### Description
Template method for overriding method. This is a template method, a hook into the functionality of this class. Feel free to override it in child classes.

### Method
POST (implied)

### Parameters
None explicitly documented.
```

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

### 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) - The render template object.
```

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

### getConfig

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

Gets a configuration option.

```APIDOC
## getConfig

### Description
Gets a configuration option.

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

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

### 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
```

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

### Instantiating a Component with Ext.widget

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

Shows how to manually instantiate a component using its configuration object and the Ext.widget factory method.

```javascript
Ext.widget({
    xtype: 'button',
    text: 'Click Me'
});
```

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

### getReExpander

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

Gets the re-expander element.

```APIDOC
## getReExpander

### Description
Gets the re-expander element.

### Parameters
#### Path Parameters
- **direction** (Object) - The direction.
```

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

### Ext.app.Application Constructor

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

Creates a new Application instance. Configuration options can be passed as an object.

```APIDOC
## Ext.app.Application

### Description
Creates new Application.

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

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

### Dynamic Loading Example

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

Demonstrates dynamic loading of dependencies as they are needed at runtime. Ext.Loader automatically fetches required classes.

```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();
 }) 
```

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

### getProtoBody

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

Gets the proto body.

```APIDOC
## getProtoBody

### Description
Gets the proto body.
```

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

### 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.

### Returns
* (Object) - The header object.
```

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

### doInit

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

Performs initialization tasks for the controller.

```APIDOC
## doInit

### Description
Performs initialization tasks for the controller.

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

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

### setupProtoEl

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

Internal method for setting up the prototype element.

```APIDOC
## setupProtoEl

### Description
Internal method for setting up the prototype element.
```

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

### prevChild

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

Gets the previous child.

```APIDOC
## prevChild

### Description
Gets the previous child.

### Parameters
* **child** (Object)
```

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

### getTransaction

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

Gets a transaction by its ID.

```APIDOC
## getTransaction

### Description
Gets a transaction.

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

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

### Create Application Instance

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

Creates a new instance of an Application. Configuration options can be passed to customize the application's setup.

```javascript
var app = new Ext.app.Application({
    name: 'MyApp',
    launch: function() {
        // Application launch logic
    }
});
```

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

### getLoader

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

Gets the Ext.ComponentLoader for this Component.

```APIDOC
## getLoader

### Description
Gets the Ext.ComponentLoader for this Component.

### Returns
* **Ext.ComponentLoader** - The loader instance, null if it doesn't exist.
```

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

### beginLayout

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

Performs initial setup for the layout cycle, caching essential data like visible items and their contexts. This prepares the layout for subsequent calculations.

```APIDOC
## beginLayout

### Description
In addition to work done by our base classes, containers benefit from some extra cached data. The following properties are added to the ownerContext: - visibleItems: the result of getVisibleItems - childItems: the ContextItem[] for each visible item - targetContext: the ContextItem for the getTarget element

### Parameters
*   **ownerContext** (Object) - The context item for the layout's owner component.
```

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

### Ext.app.Application Constructor

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

Creates a new Application instance.

```APIDOC
## Ext.app.Application

### Description
Creates new Application.

### Parameters
- **config** (Object, optional) - Config object.
```

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

### getConfig

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

Gets a configuration value.

```APIDOC
## getConfig

### Parameters
* name : Object
```

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

### 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.

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

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

### 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**
```

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

### finishInit

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

Completes the initialization process for the controller.

```APIDOC
## finishInit

### Description
Completes the initialization process for the controller.

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

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

### Initializing Configuration

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

Shows how to initialize configuration for a class. This is typically done within the constructor or an initialization method.

```javascript
Ext.define('My.Component', {
    // ... other configurations ...
    initConfig: function(config) {
        var me = this;
        // Initialize configuration, potentially merging with defaults or applying logic
        me.initConfig = Ext.Function.createBuffered(me.initConfig, 10, me);
        // ... other initialization logic ...
        return me;
    }
});

// Example usage:
// var cmp = new My.Component({
//     someConfig: 'value'
// });
```

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

### 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
#### Path Parameters
- **event** (Object) - Required - The event object.
```

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

### Instantiate with Ext.create

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

Always use Ext.create for instantiation instead of the 'new' keyword to leverage Ext.Loader's capabilities.

```javascript
Ext.create('widget.window', { ... });
```

```javascript
Ext.create('Ext.window.Window', {});
```

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

### 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
#### Path Parameters
- **event** (Object) - Required - The event object.
```

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

### Initialize Configuration with initConfig

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

Initializes the configuration for a class. The example demonstrates a typical usage pattern for setting up initial properties.

```javascript
initConfig: function(config) {
    var me = this;
    me.callParent(arguments);
    // ... other initialization logic
}
```

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

### get

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

Returns an item by its ID.

```APIDOC
## get

### Description
Returns an item by id.

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

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

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

### get

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

Retrieve a class by its name.

```APIDOC
## get

### Description
Retrieve a class by its name.

### Parameters
#### Path Parameters
- **name** (String) - Description not provided
```

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

### finishInit

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

Completes the initialization process of the application with the provided application object.

```APIDOC
## finishInit

### Description
Completes the initialization process.

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

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

### Create Array with Initial Items

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

Shows how to create a new Array object and initialize it with a list of items.

```javascript
var itemsArray = new Array("apple", "banana", "cherry");
```

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

### onAdd

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

Sets up the tools link in the owning Panel.

```APIDOC
## onAdd

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

### Parameters
- **component** (Object) - The component being added.
```

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

### setPath

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

Sets the path of a namespace. For Example:

```APIDOC
## setPath

### Description
Sets the path of a namespace. For Example:

### Parameters
#### Path Parameters
- **name** (String/Object) - Description: See flexSetter.
```

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

### setupRenderTpl

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

Sets up the render template for the component.

```APIDOC
## setupRenderTpl

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

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

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

### Creating Model Instances

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

Demonstrates equivalent ways to create model instances. Ext.create is the recommended method, while Ext.ModelManager.create is deprecated.

```APIDOC
## Creating Model Instances

Model instances can be created by using the Ext.create method. Ext.create replaces the deprecated Ext.ModelManager.create method. It is also possible to create a model instance by using the Model type directly. The following 3 snippets are equivalent:

```javascript
// method 1, create using Ext.create (recommended)
Ext.create('User', { first: 'Ed', last: 'Spencer' });

// method 2, create through the manager (deprecated)
Ext.ModelManager.create({ first: 'Ed', last: 'Spencer' }, 'User');

// method 3, create on the type directly
new User({ first: 'Ed', last: 'Spencer' });
```
```

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

### getView

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

Gets the view associated with this panel.

```APIDOC
## getView

### Description
Gets the view for this panel.

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

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

### Ext.app.domain.Store constructor

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

Constructs a new Store instance.

```APIDOC
## Ext.app.domain.Store

### Description
Constructs a new Store instance.

### Returns
- Ext.app.domain.Store - A new Store instance.
```

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

### prevChild

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

Gets the previous child component.

```APIDOC
## prevChild

### Description
Gets the previous child component.

### Method
(Internal utility method)

### Parameters
#### Child Parameter
- **child** (Object) - The current child component.
```

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

### Initialize Class Configuration

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

Initialize configuration for this class. A typical example involves setting properties during instantiation.

```javascript
Ext.define('MyApp.Component', {
    config: {
        myProp: 'initialValue'
    },
    constructor: function(config) {
        this.initConfig(config);
        this.myProp = 'modifiedValue';
    }
});

var cmp = new MyApp.Component({
    myProp: 'newValue'
});

console.log(cmp.getMyProp()); // Output: newValue
```

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

### getLabelWidth

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

Gets the width of the label (if visible).

```APIDOC
## getLabelWidth

### Description
Gets the width of the label (if visible).

### Returns
Number - The label width.
```

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

### Create a Panel with Fit Layout

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

This example demonstrates how to create a panel with a 'fit' layout, containing a single inner panel that will expand to fill the parent panel. This is the standard way to utilize the Fit layout.

```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()
});
```

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

### getLabelStyle

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

Gets any label styling for the labelEl.

```APIDOC
## getLabelStyle

### Description
Gets any label styling for the labelEl.

### Returns
String - The label styling.
```