ExtJS之基本概念、环境搭建

一、基本概念


ExtJS 简介

  - ExtJS 是一个兼容各浏览器的纯 JavaScript 应用程序框架,使用它可以创建最佳跨平台互联网应用程序



为什么 ExtJS 原因

ExtJS之基本概念、环境搭建_第1张图片


二、环境搭建


目录结构

  - 推荐下面这种目录结构


使用ExtJS

ExtJS之基本概念、环境搭建_第2张图片


动态加载

ExtJS之基本概念、环境搭建_第3张图片


引入库的方法

ExtJS之基本概念、环境搭建_第4张图片


发布

ExtJS之基本概念、环境搭建_第5张图片


Containers容器


Panel

ExtJS之基本概念、环境搭建_第6张图片


Layouts布局

ExtJS之基本概念、环境搭建_第7张图片


布局系统如何工作

ExtJS之基本概念、环境搭建_第8张图片


组件component

ExtJS之基本概念、环境搭建_第9张图片


别名和延迟初始化

ExtJS之基本概念、环境搭建_第10张图片


显示和隐藏

wKiom1cE9j-AFoSSAADTuW--iic236.png


浮动组件


数据

ExtJS之基本概念、环境搭建_第11张图片ExtJS之基本概念、环境搭建_第12张图片



模型和存储(Model & Stores)

ExtJS之基本概念、环境搭建_第13张图片


创建一个模型 Model

ExtJS之基本概念、环境搭建_第14张图片


创建一个存储Store

ExtJS之基本概念、环境搭建_第15张图片ExtJS之基本概念、环境搭建_第16张图片


Grids 表格

wKiom1cE93DzAmWRAADc5jIMURE618.png


Tree 树组件

ExtJS之基本概念、环境搭建_第17张图片


树组件常用配制


Form表单控件

ExtJS之基本概念、环境搭建_第18张图片


Field 类型

ExtJS之基本概念、环境搭建_第19张图片


校验

ExtJS之基本概念、环境搭建_第20张图片ExtJS之基本概念、环境搭建_第21张图片


处理数据

ExtJS之基本概念、环境搭建_第22张图片


布局


MVC架构

ExtJS之基本概念、环境搭建_第23张图片


文件结构

ExtJS之基本概念、环境搭建_第24张图片


Chart图表

ExtJS之基本概念、环境搭建_第25张图片


总结:本章内容主要介绍了 ExtJS 基本概念、环境搭建


本文出自 “会飞的蚂蚁” 博客,谢绝转载!

你可能感兴趣的:(浏览器,应用程序,模型)