第2章[2.6] 组件与容器的选择与开发

在Ext JS中，容器类有很多种，而且存在继承关系，包括容器的超类（Container）、一般面板（Panel），表单面板，表格面板以及树面板等；组件类包括按钮、输入框、下拉单、文件上传等。

容器（Container）与面板（Panel）适用场景

父类组件能达成的效果，子类也可以达成，另外子类扩展了更多的功能，但也意味着需要更多的开销（主要是内存）。
Panel 是Container的子类，两者的适用场景如下：

Panel：需求的UI效果需要有header(头部)、footer（底部）以及 toolbars（工具栏）
Ext.container.Container：如果需求的UI组件包含其他的组件，但是又不需要Panel那么多的功能。

组件继承选择

Ext JS提供了丰富的组件类，如果现有组件不满足要求，可以继承已有类定义新的类。
Ext.Base是Ext JS的根类，所有的原型和静态成员都会被其他类继承。继承的原则是找功能最接近的基类继承，这样既满足了需求，又节省了开销。UI组件类从Ext.Component及其子类上继承。
组件类定义的实例如下：

Ext.define('My.custom.Component', { //组件类名extend: 'Ext.Comp

第2章[2.6] 组件与容器的选择与开发相关推荐

【华为云原生入门级认证】第 2 章云原生基础设施之容器技术
云原生第2章云原生基础设施之容器技术 2.1 容器发展背景企业 IT 业务云化路径 - 传统业务云化方式一:物理机部署,统一管理特征: 业务无法云化部署,物理资源搬迁或纳管到云平台资源池. ...
浅谈surging服务引擎中的rabbitmq组件和容器化部署
1.前言上个星期完成了surging 的0.9.0.1 更新工作,此版本通过nuget下载引擎组件,下载后,无需通过代码build集成,引擎会通过Sidecar模式自动扫描装配异构组件来构建服务引擎 ...
[react] 展示组件和容器组件有什么区别？
[react] 展示组件和容器组件有什么区别? 展示组件(Presentational Component) 关注页面的展示效果(外观) 内部可以包含展示组件和容器组件,通常会包含一些自己的DOM标记 ...
小程序开发.微信小程序.组件.视图容器
小程序开发.微信小程序中的组件.视图容器组件 note:当前本文编辑中- 20220731 jcLee95 的个人博客邮箱 :291148484@163.com CSDN 主页:https://bl ...
第十四章：Element-ui组件库
第十四章:Element-ui组件库一.常用的UI组件库 1.1 移动端常用UI组件库 Vant组件库 Mint组件库 Cube组件库 1.2 PC端常用UI组件库 Element UI组件库饿了 ...
java中组件与容器_java组件和容器
java组件和容器. java.awt包提供了基本的java程序的GUI设计工具.主要包括下述三个概念: 组件(java.awt.Component),许多组件类的父类封装了组件通用的方法和属性,如 ...
【正点原子STM32连载】第二十六章 USMART调试组件实验摘自【正点原子】MiniPro STM32H750 开发指南_V1.1
1)实验平台:正点原子MiniPro H750开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=677017430560 3)全套实验源码+手册+视频 ...
Swing图形界面 — “组件在容器中常见的五种布局（布局管理器）”
布局管理器用来管理组件在容器中的布局格式,位于 java.awt 包中. 常用的布局管理器有五种: FlowLayout (流布局) BorderLayout (边界布局) GridLayout ( ...
【Vue3 第十四章】父子组件通信
数字化管理平台 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus 权限系统-商城个人博客地址一.概述在Vue的框架开发的项目过程中,经常会用到组件来管理不同 ...

第2章[2.6] 组件与容器的选择与开发

容器（Container）与面板（Panel）适用场景

组件继承选择

第2章[2.6] 组件与容器的选择与开发相关推荐

最新文章

热门文章