extJs学习基础 容器的介绍

Viewport:

　　一个专门的容器用于可视应用领域（浏览器窗口）.

Viewport渲染自身到网页的documet body区域， 并自动将自己调整到适合浏览器窗口的大小，在窗口大小发生改变时自动适应大小。 一个页面中只能创建一个Viewport。

任何的Container容器都可以作为一个Viewport 的子组件，开发者使用一个Viewport作为父容器配置布局layout， 并管理他们的大小和位置.

Container:

任何可能包含其它Ext.Component组件的基类,默认是没有大小的，请务必为容器是配置的布局，大小和位置。

Panel:

Panel是一个容器,具有特定的功能和结构组件，使它使能够完美地为面向应用的用户界面创建部件。 Panel继承自Ext.container.Container,

可以设置自身的layout布局,并且可以包含子组件。

时间： 2024-11-08 20:32:41

extJs学习基础 容器的介绍的相关文章

ExtJS学习------------基础架构，Extjs.js和Ext-more.js的学习

Ext.apply和Ext.applyIf Ext.onReady(function(){ //Ext.apply和Ext.applyIf对对象的属性或者方法进行扩展 var src1={name:'张三',age:23};//被扩展的对象 var src2={name:'张三',age:23};//被扩展的对象 var config={name:'李四',sex:'男'};//配置对象 //使用Ext.apply进行扩展,会覆盖原来的属性或方法 Ext.apply(src1,config);

extJs学习基础5 理解mvvm的一个小案例

今天很是幸运,看到了一位大神的博客,学习了不少的东西.太感谢了.(满满的都是爱啊) 建议去学习这个大神的博客,真心不错. 博客地址:http://blog.csdn.net/column/details/extjs5.html?&page=1 首先要建立一个简单的项目,我是使用的 Sencha Architect 3自动生成的 app下面的文件 在视图文件中建立 MyViwepost.js (view文件中) 1 Ext.define('MyApp.view.MyViewport', { 2 e

extJs学习基础3 ajax与php交互

extJs代码: 1 <script src="build/ext-all.js"></script> 2 <script src="build/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> 3 <link rel="stylesheet" href="build/packages/ext-theme-cri

extJs学习基础2

一个登陆界面: 1 Ext.onReady(function(){ 2 3 Ext.define('Login', { 4 //renderTo: Ext.getBody(), 5 extend: 'Ext.window.Window', 6 closable: false, 7 resizable : false, 8 modal: true, 9 //draggable: false, 10 autoShow: true, 11 title: '用户登录---OA办公系统', 12 item

extJs学习基础4 Ext.each的用法

1 Ext.onReady(function(){ 2 //案例一 3 /* 4 var countries = ['Vietnam', 'Singapore', 'United States', 'Russia']; 5 Ext.Array.each(countries, function(name, index, countriesItSelf){ 6 console.log(name); 7 if(name == 'Vietnam'){ 8 return false; //停止循环 9 }

Ext学习-基础概念，核心思想介绍

1.目标   本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容   1.基础部分学习   2.EXTJS类系统介绍   3.EXTJSMVC结构介绍   4.EXTJS数据模型介绍 3.学习流程           1.在学习之前,首先要对javaScript的基础要有个基础了解,如果不熟悉,请参考:javaScript基础之闭包   2[可选]学习了解一下EXTJS的一些常用功能:http://ziren.org/extjs/

c语言学习基础：[1]开发工具介绍

标签:c语言 1 2 3 4 分步阅读 学习编程语言的童鞋们一开始接触到的最多的估计就是C语言了,其次才是什么java.c++等,可以说学习c语言是我们走向编程世界的一座桥梁,学好它,对于我们学习和研究计算机有着至关重要的作用,同时也是我们开发各类计算机应用软件.开发游戏等必要的前提条件.本小节主要向大家介绍一下开发C语言的工具,让大家如何从基础开始学习. 工具/原料 计算机 开发工具 方法/步骤 开发C语言,有很多开发工具,其中比较老一点的就是VC6.0,现在的大学计算机二级等级考试依然用的是

[ExtJS学习笔记]第八节 Extjs的Ext.toolbar.Toolbar工具条组件及其应用

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38515499 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- Ext JS API: http://docs.sencha.

[ExtJS学习笔记]第九节 Extjs5的mvc与mvvm框架结构简介

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38537431 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- 翻译来源:http://docs.sencha.com/ext