(Ext基础篇) Ext核心组件

2023-10-27

 Ext.Componet        

           概述:所有Ext组件的基类。 所有Componet的子类都自动地参与标准的Ext组件生命周期:创建、渲染、销毁,这些操作 由Container 类提供。 在创建容器时,组件可以通过items 配置选项被添加到容器中, 或者,可以通过add方法动态地 添加。

           Component基类对基本的hide/show和enable/disable行为提供了内建的支持。

            所有组件都注册到了 Ext.ComponentMgr 类,所以它们可以在任何时刻通过传递 id 使用 Ext.getCmp 方法获得引用.

            

组件大致分为三类:基本组件、工具栏组件和表单组件

        

xtype            类 Class
 -------------    ------------------
 box              Ext.BoxComponent
 button           Ext.Button
 colorpalette     Ext.ColorPalette
 component        Ext.Component
 container        Ext.Container
 cycle            Ext.CycleButton
 dataview         Ext.DataView
 datepicker       Ext.DatePicker
 editor           Ext.Editor
 editorgrid       Ext.grid.EditorGridPanel
 grid             Ext.grid.GridPanel
 paging           Ext.PagingToolbar
 panel            Ext.Panel
 progress         Ext.ProgressBar
 splitbutton      Ext.SplitButton
 tabpanel         Ext.TabPanel
 treepanel        Ext.tree.TreePanel
 viewport         Ext.ViewPort
 window           Ext.Window
 
工具条组件 Toolbar components
 ---------------------------------------
 toolbar          Ext.Toolbar
 tbbutton         Ext.Toolbar.Button(已废弃,用button代替)
 tbfill           Ext.Toolbar.Fill
 tbitem           Ext.Toolbar.Item
 tbseparator      Ext.Toolbar.Separator
 tbspacer         Ext.Toolbar.Spacer
 tbsplit          Ext.Toolbar.SplitButton(已废弃,用splitbutton代替)
 tbtext           Ext.Toolbar.TextItem
 
表单组件 Form components
 ---------------------------------------
 form             Ext.FormPanel
 checkbox         Ext.form.Checkbox
 combo            Ext.form.ComboBox
 datefield        Ext.form.DateField
 field            Ext.form.Field
 fieldset         Ext.form.FieldSet
 hidden           Ext.form.Hidden
 htmleditor       Ext.form.HtmlEditor
 label            Ext.form.Label
 numberfield      Ext.form.NumberField
 radio            Ext.form.Radio
 textarea         Ext.form.TextArea
 textfield        Ext.form.TextField
 timefield        Ext.form.TimeField
 trigger          Ext.form.TriggerField
 
图表组件 Chart components
 ---------------------------------------
 chart            Ext.chart.Chart
 barchart         Ext.chart.BarChart
 cartesianchart   Ext.chart.CartesianChart
 columnchart      Ext.chart.ColumnChart
 linechart        Ext.chart.LineChart
 piechart         Ext.chart.PieChart
 
Store对象 Store xtypes
 ---------------------------------------
 arraystore       Ext.data.ArrayStore
 directstore      Ext.data.DirectStore
 groupingstore    Ext.data.GroupingStore
 jsonstore        Ext.data.JsonStore
 simplestore      Ext.data.SimpleStore     (已废弃,用arraystore代替) 
store            Ext.data.Store
 xmlstore         Ext.data.XmlStore


Ext.BoxComponent

               Ext.Component组件也是一个比较重要的基础类,它继承自Ext.Component并实现了定位和控制自身大小的功能。

              可以使用pageX、pageY、X、Y为Ext.Component指定具体坐标,也可以使用width和height为Ext.Component指定长度和宽度,或者使用autoHeight和autoWidth让Ext.Compnent根据内容自动调整长度和宽度。

 

 

Ext.Container

             Ext.Container继承自Ext.BoxComponent,提供了两个重要参数layout 和items,layout指定组件使用何种布局,items包含当前组件中的所有组件。

 

Ext.Panel

             Ext.Panel是Ext中经常用到的一个组件,它继承自Ext.Container。与上面的那些组件不同的是,ExtPanel无需继承就可以直接使用。我们可以使用tilte参数,定义它显示的标题、使用tbar、bbar设置上下位置工具条、使用collapsefirst、collapsed、collapsedCls和collapsible设置与面板折叠相关的配置,还可以使用floating和shadow设置浮动阴影效果。

 

Ext.TabPanel

              Ext.TabPanel实际上是多个不同内容的容器,任意组件直接使用add()函数便可添加到Ext.TabPanel中。如果不指定xtype,就会默认使用Ext.Panel为这些内容生产子面板,使用colsable属性:是否显示关闭按钮、调用active()方法表示选择哪个面板

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

(Ext基础篇) Ext核心组件 的相关文章

  • MobileSAM:更快的分割一切!面向移动端的轻量级SAM,比FastSAM快4倍!

    点击下方卡片 关注 CVer 公众号 AI CV重磅干货 第一时间送达 点击进入 gt 图像分割和Transformer 交流群 转载自 极市平台 作者 happy 导读 本文提出一种 解耦蒸馏 方案对SAM的ViT H解码器进行蒸馏 同时
  • 从Inception v1,v2,v3,v4,RexNeXt到Xception再到MobileNets,ShuffleNet,MobileNetV2,ShuffleNetV2,MobileNetV3

    v1 Going deeper with convolutions Inception v1的网络 主要提出了Inceptionmodule结构 1 1 3 3 5 5的conv和3 3的pooling组合在一起 最大的亮点就是从NIN N
  • Dart编程语言概览

    Dart编程语言概览 一个简单的Dart程序 注释 单行 多行 数据类型 字面量 输出方式 字符串插值 main 函数 特定的顶级函数 定义变量var 通过这种方式定义变量不需要指定变量类型 定义一个函数 printInteger int
  • 关于RocketMQ的启动时遇到的一些问题及解决方法

    对于RocketMQ的启动需要配置java环境 所以我们需要在linux上下载jdk 并配置JAVA HOME 配置java环境时遇到的文件不能编辑的问题 我们可以看到该文件对于我们来说是只读权限 所以我们需要提升权限用sudo编辑该文件
  • 特征工程系列:GBDT特征构造以及聚类特征构造

    特征工程系列 GBDT特征构造以及聚类特征构造 本文为数据茶水间群友原创 经授权在本公众号发表 关于作者 JunLiang 一个热爱挖掘的数据从业者 勤学好问 动手达人 期待与大家一起交流探讨机器学习相关内容 0x00 前言 数据和特征决定
  • 面试前看过这篇文章就好了

    一 java基础面试 1 1面向对象和面向过程的区别 面向过程 优点 性能比面向对象高 因为类调用时需要实例化 开销比较大 比较消耗 资源 应用场景 单片机 嵌入式开发 Linux Unix 缺点 没有面向对象易维护 易复用 易扩展 面向对
  • JDK8新特性-Function接口与BiFunction接口

    Function 接口 JDK8新增的函数式接口 接口只有一个抽象方法apply 接受一个T类型参数 返回一个R类型参数 T R表示泛型 可以相同 除了一个抽象的apply方法之外 Function存在两个默认的default方法 comp
  • 面试-Java【之】HashMap原理,源码逐行分析,理论总结(变量、常量、数据结构、Node、TreeNode、初始化、添加、查询、更新、删除)

    面试 Java 之 HashMap原理 源码逐行分析 理论总结 变量 常量 数据结构 Node TreeNode 初始化 添加 查询 更新 删除 1 源码分析 1 HashMap属性与变量 扩容因子 扩容阈值 结构转换阈值 2 Node 链
  • MySql 排序规则

    1 MySQL的排序规则是干什么的 我们在使用 Navicat for MySQL 或 MySQL Workbench 创建数据库的时候 除了数据库名称和字符集外 我们还可以设置 Collation 排序规则 当然我们也可以使用默认的排序规
  • ajax的cdn,GitHub - deajax/FontFace-CDN: 字体使用CDN

    FontFace 字体使用CDN 字体为网络搜集 如侵犯版权请联系我删除 使用方法 使用 font face 来引入字体链接 font face font family Flama font weight normal font style
  • 【CSDN软件工程师能力认证学习精选】 JavaEE 13个核心规范

    1 标准的价值分析 生产只是一个劳动密集型的产业 是体力劳动 而体力劳动在这个时代是拼不上脑力劳动 拼不上智慧的 这就像所有的生命诞生之初 都是白纸一张 而一个婴儿成长到成年过程 却是不同的 而这些不同恰恰成为了我们和其他人不同的地方 就像
  • Verilog HDL——状态机

    示例 自动售货机 设定 投币口只能投一枚五角或一枚一元硬币 投入一元五角后售货机自动给出一瓶饮料 投入两元则找零五角并给出饮料 投币只能一枚一枚投 状态确定 idel 不投币 half 投币五角 one 投币一元 输入 输出 一枚一元 一枚
  • Mysql日志

    1 错误日志 Log Error 记录Mysql服务器进程在启动 关闭或者运行过程中遇到的错误消息 是工作中排查错误的重要工具 查询方式 show variables like log error G 1 row Variable name
  • jq封装接口ajax,jquery ajax方法封装及api文件设计的代码示例

    本篇文章给大家带来的内容是关于jquery ajax方法封装及api文件设计的代码示例 有一定的参考价值 有需要的朋友可以参考一下 希望对你有所帮助 封装 jquery ajax 文件 封装 jquery ajax 例如 ajaxReque
  • linux下的安装mysql与遇到一些常见问题的解决方法

    本地的安装环境 centos6 9 1 下载 mysql官网地址 http dev mysql com downloads mysql 5 6 html downloads 我是用的版本 5 6 33 通用版 linux下64位 也可以直接
  • blob类型字段

    1 在mysql中 bolb是一个二进制大型对象 是一个储存大量数据的容器 例如图片 音频 2 插入blob类型数据比如使用preparedStatement 而不能使用Statment 因为blob类型数据不能使用字符串拼接 有关prep

随机推荐

  • 面试题(5)

    1 介绍STL STL 标准模板库 由容器算法迭代器组成 vector实质上就是一个动态数组 会根据数据的增加 动态的增加数组空间 vector使用allocator来进行内存管理 使用3个迭代器来引用这段内存 vector的iterato
  • 10分钟教你写一个数据库

    今天教大家借助一款框架快速实现一个数据库 这个框架就是Calcite 下面会带大家通过两个例子快速教会大家怎么实现 一个是可以通过 SQL 语句的方式可以直接查询文件内容 第二个是模拟 Mysql 查询功能 以及最后告诉大家怎么实现 SQL
  • Java中存储金额的数据类型java.math.BigDecimal

    在数据库中存储金额的数据类型通常用的是 decimal 20 2 在java中与之对应的数据类型并不是double 而是java math BigDecimal 上例子 Test public void testBigDecimal dou
  • FPGA学习:TMDS协议编码与解码测试

    TMDS协议是当下很重的一个视频传输协议 DVI以及HDMI均采用该协议进行视频数据的转化和传输 TMDS编码部分如下 通过该模块可将8bit视频像素数据转为10bit 具体的转化流程图可自行搜索 算法并不复杂 Testbench time
  • 常见的大型软件项目开发文件目录结构

    常见的大型软件项目开发文件目录结构 1 Java 项目 调试阶段编译后的 class 文件放到 classes 目录 将 classes 目录和 lib 中的其他工具 jar 放到 classpath 中 运行当前目录是项目根目录 正式发行
  • 动漫头像生成如此简单,教你接口快速制作动漫头像

    动漫头像生成如此简单 教你如何快速制作动漫头像 想生成这样的动漫头像吗 告诉你 很简单 这里以nodejs作为示例 第一步 引入腾讯人脸转换sdk npm install tencentcloud sdk nodejs ft save 第二
  • HDU 1599(floyd)(求最小回路问题)

    find the mincost route Problem Description 杭州有N个景区 景区之间有一些双向的路来连接 现在8600想找一条旅游路线 这个路线从A点出发并且最后回到A点 假设经过的路线为V1 V2 VK V1 那
  • windows excel 的一些官方模板

    中文版 https templates office com zh cn templates for Excel 日文版 https templates office com ja jp templates for Excel
  • 10个问题解答火热的元宇宙概念

    这篇转自金色财经平台的文章涵盖了我们近期文章中所讨论过的大部分关于元宇宙的内容 虽然不甚全面 但胜在系统 虽然现在探讨最终应用为时甚早 但各行各业开始想元宇宙靠拢已是不争 让我们通过十个由点及面浅层问题 一同简单的回顾下元宇宙伊始至今都经历
  • easyexcel 数据量过大问题

    java总的生成excel工具 poi太费事了 于是就是用来 阿里提供的 easyexcel 很简单 具体使用方式参考 https zhuanlan zhihu com p 88720415 utm source wechat timeli
  • WebSocket协议及优点(总结)

    参考文章 https www zhihu com question 20215561 参考书籍 图解HTTP 这篇文章通过http的瓶颈 引出ajax轮询以及长轮询 最后说明为什么使用websocket以及他的原理 当我们使用http协议探
  • 2020-09-18

    python的subprocess模块 在python文件中想调用spm encode命令对一个句子进行分词 就需要使用subprocess模块在python中执行shell命令 但是网上其他的给出的都是传递文件的 或者把字符串传递给cmd
  • 从“二义性”谈到企业数字化工作开展

    中华人民共和国国民经济和社会发展第十四个五年规划和2035年远景目标纲要 中提到 加快数字化发展 建设数字中国 自此各行各业开始投身各自领域的数字化转型中 但什么是数字 数字化又是什么 转型之于企业究竟意味着什么 我们暂且不用学术语言来诠释
  • centos8安装使用nc

    转自 https linuxconfig org install netcat on redhat 8 README nc 是什么 nc 全名叫netcat 它可以用来完成很多的网络功能 譬如端口扫描 建立TCP UDP连接 数据传输 网络
  • 【读书笔记】Principles and practices of interconnection networks 第一章笔记

    互联网络导论 互联网络的三个问题 数字系统的三个基本构件 数字系统由3个基本构件组成 逻辑 logic 内存 memory 通信 communication 本书关注点 通信 这本书所关注的是数字系统的通信 因为随着技术的进步 处理器与存储
  • 关于matlab提示“警告: 矩阵为奇异工作精度” 的问题

    在自己编写基于手写数字多特征数据集的机器学习中的最小风险贝叶斯算法过程中 总是提示 警告 矩阵为奇异工作精度 虽然知道问题出在 R 1 k i j 1 2 test 1 k i s e ave 1 j 1 inv sigma 1 j tes
  • Java中的类(Object类、Data类、Objects类、DataFormat类、Calender类、String和StringBuilder类、包装类)

    一 Object类 1 Object类介绍 Object是所有类的父类 一个类都会直接或者间接继承该类 该类中提供了一些非常常用的方法 2 toString 方法 作用 打印对象的信息 重写前 打印的是包类名 地址值 重写后 打印的是对象中
  • python-selenium自动化-窗口的切换/过期

    1 过期 当页面来回去切换的时候 必须重新获取 否则报错过期 必须重新获取一次 避免ABA的发生 代码案例 from selenium import webdriver from selenium webdriver common by i
  • 虚拟机下ubuntu上网

    在配置的时候 虚拟机有三种方法上网 一个是NAT 一个是host only 一个是bridge 我主要是试过两种 简单的介绍一下 我是xp下装的虚拟机 虚拟机里面是redhat就简单的用redhat代替虚拟机 xp代替真机 NAT 方法 它
  • (Ext基础篇) Ext核心组件

    Ext Componet 概述 所有Ext组件的基类 所有Componet的子类都自动地参与标准的Ext组件生命周期 创建 渲染 销毁 这些操作 由Container 类提供 在创建容器时 组件可以通过items 配置选项被添加到容器中 或