3.1 Ext JS 组件总览

面板类型

面板是用来放置组件元素的容器，常见的面板类型有：

面板（Panels）：常用的组件容器，用于放置和布局子元素。
表单（Forms）：收集用户输入，比如登录、请假单等
标签页（Tabs）：类似浏览器的标签。
网格（Grid）：表格
树（Trees）：层级展开
视口（ViewPort）：表示应用程序可见区域（相当于浏览器窗口）的专用容器。

以上面板类型在经典工具集下（也就是桌面端）的效果如下图：

窗口类型

窗口（Windows）是在浏览器的当前便签也弹出一个新的窗口。常用来与用户交互，比如弹出信息提示框，确认框或是动作选择框等， Ext JS的窗口中也可以放置其他类型的面板和组件。页面的层次
第一层： - 窗口
第二层： - 面板
第三层： - 组件

简单的窗口示例如下：
[外链图片

3.1 Ext JS 组件总览相关推荐

ext.js组件的基本操作
MessageBox组件 //Ext.onReady 准备函数类似于window.onload Ext.onReady(function(){//提示信息 // Ext.MessageBox.ale ...
第7章[7.18] Ext JS组件嵌入HTML页面
需求描述规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况: 元素显示很简单,不需要使用重型的Ext JS ...
第2章[2.5] Ext JS组件、容器与布局
组件 (Components) 基于Ext JS的应用的UI由组件(Component)组成.这和绝大部分界面开发语言的概念是类似的. Ext JS使用的是面向对象的概念, 有组件类与组件实例的概念, ...
[Ext JS] 组件浮动一篇通（floating、alignTo）
文章目录标准的CSS浮动的概念无浮动效果有浮动的效果 Ext JS中的浮动浮动组件定义方式对其位置(position) 其他配置对其代码示例实战的问题: 标准的CSS浮动的概念浮动是C ...
【翻译】如何创建Ext JS暗黑主题之一
原文:How to Create a Dark Ext JS Theme– Part 1 概述我是不是都要演示我的Spotifinder Ext JS应用程序.它是一个很酷的应用程序,可连接到Las ...
【翻译】使用Ext JS设计响应式应用程序
原文:Designing Responsive Applications with Ext JS 在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用.使 ...
[Ext JS 7]7.6 内存泄露及处理
文章目录内存泄漏概念 Ext JS的内存管理内存分配层次内存清除层次侦测泄漏应用层级泄漏框架层级泄漏常见代码泄漏模式和解决方案遗漏基类清除没有删除DOM监听保留了对象的引用保留了 ...
[Ext JS 7]的开发模式
文章目录开发模式的分类及演进开发模式一: 将Ext JS作为库使用 JS源码编译结果样式文件编译结果导入JS和CSS文件后使用Ext JS组件使用Ext.application创建Ext J ...
[Ext JS 4] contentEL,renderTo, applyTo 释义与区别
前言经常使用contentEL,renderTo, applyTo 来增加HTML元素或是Ext JS 组件,这几个之间有什么关系,为什么Ext JS要提供这几种不同的方式? 官方解释 Conten ...

3.1 Ext JS 组件总览

面板类型

窗口类型

3.1 Ext JS 组件总览相关推荐

最新文章

热门文章