↓↓↓整理的Ext.js（版本6.0）一些简单使用示例以及效果↓↓↓

---

目录

• box 弹出框
• chart 画图
• Drag and drop 拖放
• draw 图像
• layout 布局
• panel 面板
• Container-Component 容器组件
• event 事件
• HTML编辑器
• progress bar 进度条
• Viewport
• Window 窗口
• 资料参考

---

box 弹出框

• 最基础弹出框 box-basic
  
• confirm box-confirm
  
• multiline box-multiline
  
• prompt box-prompt
  
• yesorcancel box-yesorcancel
  

chart 画图

• 区域图 chart-area
  
• 条形图 chart-bar
  
• 线形图 chart-line
  
• 饼图 chart-pie
  

Drag and drop 拖放

• 网格到表单 DD-gridtoform
  
• 网格到网格 DD-gridtogrid
  

draw 图像

• 弧形 draw-arc
  
• 圆形 draw-circle
  
• 椭圆形 draw-ellipse
  
• 椭圆弧形 draw-ellipticalArc
  
• 正方形 draw-square
  
• 图形添加图像 draw-image
  
• 创建freepath draw-path
  
• 创建绘图的矩形形状 draw-rect
  
• 旋转绘图 draw-rotate
  
• 绘制文本 draw-text
  
• 转化 draw-translate
  

layout 布局

• 绝对布局 draw-arc
  
• 手风琴布局 layout-accordion
  
• 锚点布局 layout-anchor
  
• 自动布局 layout-auto
  
• 边框布局 layout-border
  
• card布局 layout-card
  
• cardtabs布局 layout-cardtabs
  
• 列布局 layout-column
  
• 适合布局 layout-fit
  
• hbox布局 layout-hbox
  
• 表布局 layout-table
  
• vbox布局 layout-vbox
  

panel 面板

• 表单面板 panel-form
  
• 网格面板 panel-grid
  
• 子面板 panel-panel
  
• tab面板 panel-tab
  

Container-Component 容器组件

• 容器组件 Container-Component
  

Data 数据

• 数据 Data

event 事件

• 事件 event
  

HTML编辑器

• HTML编辑器 HtmlEditor
  

progress bar 进度条

• 进度条 progress-bar
  

Viewport

• Viewport Viewport-container
  

Window 窗口

• 窗口 Window
  

---

资料参考

• W3Cschool