Ext.js概述

什么是Ext.js？

Ext.js是一个开源的JavaScript框架，提供了丰富的UI组件和工具，可以用来快速地构建复杂的Web应用程序。

为什么选择Ext.js？

• 丰富的UI组件：Ext.js提供了大量的UI组件，可用于快速构建用户界面。这些组件包括表格、表单、对话框、工具条、树形结构和布局组件等。

• 可扩展性：Ext.js提供了丰富的类库和工具，开发者可以通过继承和重载组件实现自定义组件，也可以自定义样式和主题，使应用程序具有更好的可扩展性。

• 易于学习：Ext.js提供了详细的文档和示例，开发者可以很快地学习和掌握框架。

Ext.js的基本概念

类库和框架

在Ext.js中，类库是由一组类和工具组成的，这些类和工具可以帮助开发者快速构建应用程序。而框架是由整个类库构成的，在应用程序中使用框架可以帮助开发者更快地开发和维护应用程序。

组件和容器

在Ext.js中，组件是构成用户界面的基本元素，可以是按钮、标签、表单等。而容器是可以包含其他组件的组件，例如面板、窗口等。

布局和容器

在Ext.js中，布局是用于控制组件位置和大小的机制，可以实现自适应布局、响应式布局等。而容器是用于包含和管理其他组件的组件，例如面板、窗口等。

示例代码

下面是使用Ext.js构建一个简单的面板组件的示例代码：

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.panel.Panel', {
            title: 'Hello Ext',
            width: 200,
            height: 100,
            html: 'Hello! Welcome to Ext.js world!',
            renderTo: Ext.getBody()
        });
    }
});

这段代码使用了Ext.application方法创建了一个应用程序，并在应用程序中使用Ext.create方法创建了一个面板组件，最后将该组件渲染到页面中。