mysql交集-照片太大怎么压缩
2023年4月6日发(作者：2013最新xp系统下载)
Ext2.0教程一：Ext介绍以及ext页面布局
air:适配器
data：数据处理
dd：页面元素的拖曳
form：表单操作
grid：装载数据的表格
layout:布局
menu：各式菜单
state:用户状态
tree：各式树
util：常用函数
学习Ext必须注意，
使用ext必须导入ext包，
将下载好的ext保存在本地硬盘，像导入普通js文件、css文件一样导入需要的文件；要使用ext，下面三个文件是必须导入的
第一个导入Ext样式，其实ext就是js+样式，所以必须导入。
第二和第三个都是js文件，必须注意导入顺序,里面要使用到设置的基本参数，因此必须先导入！
有500多k的大小，页面加载的速度可能比较慢，再由于交互性强，特别适合后台管理。可以采用进度条缓冲加载。
Ext对语言支持是非常好的，界面显示的语言是英文。我们可以新建一个语言文件放入到ext包根目录下。
通常我们中文的文件命名为ext-lang-zh_
ext最简单应用：
布局介绍
你可以先预览效果：布局效果图
布局主要有Accordion布局，Border区域布局，Column列布局和Card布局。
Accordion布局：Accordion布局由类ion定义，名称为accordion，表示可折叠的布局，也就是说使用该布局的容器组件中的子元素是可折叠的
形式。
Column列布局：Column列布局由Layout类定义，名称为column。列布局把整个容器组件看成一列，然后往里面放入子元素的时候，可以通
过在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度，而width则是使用绝对象素的方式
指定列宽度，在实际应用中可以混合使用两种方式。
Card布局：Card布局由yout类定义，名称为card，该布局将会在容器组件中某一时刻使得只显示一个子元素。可以满足安装向导、Tab选项板
等应用中面板显示的需求。
由于时间问题，
下面只介绍Border区域布局这里叫做页面布局
采用ext开发的程序，大部分是在一个页面中完成，在该页面中打开多个面板，因此页面布局非常重要，如图
一个页面在Ext中是分为：东西南北中也就是左右上下中，在实际应用中可以减少一些部分
页面布局由类Layout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south,west，north,cente来表示，在往容
器中添加子元素的时候，我们只需要指定这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置。
ext中元素的属性设置都是采用key：value的形式
先定义页面的上部分：（用法见注释）
//页面的上部分
varnorthPanel=({
title:"顶部面板(实际应用中，通常去掉改属性)",//实际应用中，通常去掉该属性。
region:'north',//北部，即顶部，上面
contentEl:'north-div',//面板包含的内容
split:false,//是否可以改变面板大小
border:false,//当面板内容超出面板大小时，是否显示边框
collapsible:false,//是否可以收缩,默认不可以收缩，即不显示收缩箭头
//collapsed:true,//初始化是否显示,默认是显示
height:60
});
注意collapsible的使用
页面的左菜单：（用法见注释）
//左边菜单
varwestPanel=({
title:'左边菜单',//面板名称
region:'west',//该面板的位置，此处是西部也就是左边
split:true,//为true时，布局边框变粗,默认为false
border:false,
collapsible:true,
collapsed:false,//初始化是否显示,默认是显示
width:150,
minSize:10,//最小宽度
maxSize:300,
layout:'accordion',
layoutConfig:{//布局
titleCollapse:true,
animate:true,
activeOnTop:false
},
items:[{
title:'统计查询',
iconCls:'money_box'//字面板样式
//contentEl:'my-book'//子面板包含的内容，contentEl的值日通常是一个divID
},
{
title:"内容管理",
border:false,autoScroll:true,iconCls:"Icon",
autoLoad:{url:"",scripts:true}//面板的内容是指向一个*.htm，scripts:true是表示支持包含文件里面的js脚本
}
]
});
左菜单中定义了多个可以折叠的菜单面板，由items包含，上面代码中包含了两个，指向的内容可以使用contentEl包含div，或者autoLoad加载页面，也可以
直接采用html比如，html:'
其他面板像上面一样定义。
最后将多个面板组合到页面：
varviewport=rt({
layout:'border',//布局,必须是border
loadMask:true,
items:[northPanel,//上
westPanel,//左
centerPanel,//中
eastPanel,//右
southPanel//下
]
});
将各个面板分别加到了viewport中
layout的值可以是column，border，accordion，页面布局必须使用border。column在form中使用
所有代码如下，可以另存为*.htm，修改ext文件路径，文件执行
上上上上上
发布评论