kia126
- 浏览: 104273 次
- 性别:
- 来自: 北京
-
最新评论
-
lord_is_layuping：
额,还是没解决,已经在我的maven配置(d:\tools\m ...
maven执行报错resolution will not be reattempted until the update interval of nexus h -
107x：
不错，3Q
maven执行报错resolution will not be reattempted until the update interval of nexus h -
黑色_幽默：
写的很详细，设计模式是门学问啊~顶一个
JAVA设计模式示例代码
文章列表
Accordion 布局由类Ext.layout.Accordion 定义，名称为accordion，表示可折叠的布局，也就
是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码:
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"容器组件",
width:500,
height:200,
layout:"accordion",
layoutConfig: {
animate: true
},
items:[{title:&q ...
Form 布局由类Ext.layout.FormLayout 定义，名称为form，是一种专门用于管理表单中
输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。看下面的代
码：
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"容器组件",
width:300,
layout:"form",
hideLabels:false,
labelAlign:"right",
height:120,
defau ...
Fit 布局的代码，如下：
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"容器组件",
layout:"fit",
width:500,
height:100,
items:[{title:"子元素",html:"这是子元素中的内容"}
] }
);
});
上面的代码指定父容器使用Fit 布局，因此子将自动填满整个父容器。
如果容器组件中有多个子元素，则只会显示一个元素，如下面的代码：
Ext ...
Border 布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，
分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素
所在的位置，Border布局会自动把子元素放到布局指定的位置。看下面的代码：
Ext.onReady(function(){
new Ext.Viewport({
layout:"border",
items:[{region:"north",
height:50,
title:" ...
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext 的所有容器组件都支持而局
操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及
渲染方式等。
ExtJS 的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。ExtJS 的
容器组件包含一个layout 及layoutConfig 配置属性，这两个属性用来指定容器使用的布局及
布局的详细配置信息，如果没有指定容器组件的layout 则默认会使用ContainerLayout 作为
布局，该布局只是简单的把元素放到容器中，有的布局需要layoutConfig 配置，有的则不需 ...
由于传统使用alert、confirm 等方法产生的对话框非常古板，不好看。因此，ExtJS 提供
了一套非常漂亮的对话框，可以使用这些对话框代替传统的alert、confirm 等，实现华丽的
应用程序界面。
Ext 的对话框都封装在Ext.MessageBox 类，该类还有一个简写形式即Ext.Msg，可以直
接通过Ext.MessageBox 或Ext.Msg 来直接调用相应的对话框方法来显示Ext 对话框。看下
面的代码：
Ext.onReady(function(){
Ext.get("btnAlert").on("click",functio ...
窗口是分组进行管理的，可以对一组窗口进行操作，默认情况下的窗口都在默认的组
Ext.WindowMgr 中。窗口分组由类Ext.WindowGroup 定义，该类包括bringToFront、getActive、
hideAll、sendToBack 等方法用来对分组中的窗口进行操作。
看下面的代码：
var i=0,mygroup;
function newWin()
{
var win=new Ext.Window({title:"窗口"+i++,
width:400,
height:300,
maximizable:true,
manager:mygrou ...
ExtJS 中窗口是由Ext.Window 类定义，该类继承自Panel，因此窗口其实是一种特殊的
面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码：
var i=0;
function newWin()
{
var win=new Ext.Window({title:"窗口"+i++,
width:400,
height:300,
maximizable:true});
win.show();
}
Ext.onReady(function(){
Ext.get("btn").on("clic ...
在前面的示例中，为了显示一个面板，我们需要在页面上添加一个，然后把Ext 控件
渲染到这个div 上。VeiwPort 代表整个浏览器显示区域，该对象渲染到页面的body 区域，
并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort 实例。看下面
的代码：
Ext.onReady(function(){
new Ext.Viewport({
enableTabScroll:true,
layout:"fit",
items:[{title:"面板",
html:"",
bbar:[{text:" ...
面板中可以有工具栏，工具栏可以位于面板顶部或底部，Ext 中工具栏是由Ext.Toolbar
类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具
栏，可以直接通过面板的tools 配置选项往面板头部加入预定义的工具栏选项。比如下面的
代码：
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"hello",
width:300,
height:200,
html:'<h1>Hello,easyjf open source!&l ...
面板Panel 是ExtJS 控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大
多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同
组织方式形成。
面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、
面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能，并提供一系列可重
用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本
身是一个容器，他里面又可以包含各种其它组件。
面板的类名为Ext.Panel，其xtype 为panel，下面的代码可以显示出面板的各个组成部
分：
Ext.onReady( ...
ExtJS 提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监
控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由
Ext.EventManager 对象管理，与浏览器W3C 标准事件对象Event 相对应，Ext ...
EXT组件的配置属性
- 博客分类：
- ext
在ExtJS 中，除了一些特殊的组件或类以外，所有的组件在初始化的时候都可以在构造
函数使用一个包含属性名称及值的对象，该对象中的信息也就是指组件的配置属性。
比如配置一个面板：
new Ext.Panel({
title:"面板",
html"面板内容",
height:100}
);
再比如创建一个按钮：
var b=new Ext.Button({
text:"添加",
pressed:true,
heigth:30,
handler:Ext.emptyFn
});
再比如创建一个Viewport 及其中的 ...
组件可以直接通过new 关键子来创建，比如控件一个窗口，使用new Ext.Window()，
创建一个表格则使用new Ext.GridPanel()。当然，除了一些普通的组件以外，一般都会在构
造函数中通过传递构造参数来创建组件。
组件的构造函数中一般都可以包含一个对象，这个对象包含创建组件所需要的配置属性
及值，组件根据构造函数中的参数属性值来初始化组件。比如下面的例子：
var obj={title:"hello",width:300,height:200,html:'Hello,easyjf open source'};
var panel=new Ext. ...
Ext2.0 对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext 的控件，Ext 组件是由Component 类定义，每一种组件都有一个指定的xtype 属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。
组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有：xtype Classbox Ext.BoxComponent 具有边框属性的组件Button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组件cont ...