- 浏览: 91077 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
hzxlb910:
背景看的头晕
extJs 2.1学习笔记(Ext.data.JsonReader篇一) -
whyang:
先鄙视一下这个论坛,要做测试才能回复。
我是想问下楼主,
第 ...
Struts2的异常处理机制:
上一篇中把panel的config部分的文档翻译了一下,事实上,好多东西都加上了我自己的看法,也不能说完全是翻译。真是个苦差使啊。这一次主要是来研究一下Ext.Panel的属性、函数。
属性:
body : Ext.Element
它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config,或者是autoLoad config,又或者是通过panel的Updater来设置内容。此属性只读。
如果此属性被任何方法加载了html内容,那么这个panel就不能通过布局类来控制布局了。
如果这个panel已被布局类所管理,那么就不能对body进行任何改动,或加载什么内容。因为它正处于panel的布局管理类的控制之下。
buttons : Array
panel的button数组,它通过buttons config创建,只读。
dd : Ext.dd.DragSource.
如果此panel配置了draggable属性,这个属性将包含一个Ext.dd.DragSource的实例。开发人员通过必须提供对Ext.dd.DragSource的抽象方法的实现来达到支持drag/drop动作的目的。详情可见draggable。
disabled : Boolean
如果组件是disabled,那么它为true。只读。
footer : Ext.Element
指向panel footer的Element的引用。只读。它用于存放panel的buttons所定义的按钮。一般不要用它来放按钮。
header : Ext.Element
指向panel header的Element的引用。只读。这个元素用于存放title和tools。
hidden : Boolean
如果组件是隐藏的,那么它为true,只读。
initialConfig : Object
组件的config。只读。
items : MixedCollection
panel中的子组件的集合。
ownerCt : Ext.Container
组件的父组件,默认值为undefined,并且在加入到一个容器中时会被自动设置。只读。
rendered : Boolean
组件是否已经被呈现。。
公共方法:
Panel( Object config )
addButton( String/Object config, Function handler, Object scope ) : Ext.Button
config:如果是个字符串就被当作是按钮的text,如果是个object,那么它被当作config了。
handler:被按钮的Ext.Button.click调用。
scope:范围。
返回:被加入的按钮的实例。
collapse( Boolean animate ) : Ext.Panel
收缩面板
destroy() : void
看一下源码就知道,把组件挂接的事件、子元素什么的全部移除、delete。在什么Ext.ComponentMgr里面注册的东西也注销掉。
disable() : Ext.Component
没悬念。。使组件不可用。相当于大伙在dotnet中用得很爽的enabled。
doLayout( [Boolean shallow] ) : void
强制容器重新计算布局,就是刷新布局啦。它的作用就是当在render之后加入了一个组件时,这时就需要调用它来刷新一下了。又或者是改变了子组件的大小、位置,这时也要刷新一下。
expand( Boolean animate ) : Ext.Panel
伸展panel。
getBottomToolbar() : Ext.Toolbar
获得panel的bbar。
getFrameHeight() : Number
它的高度包括:header,tbar,bbar,footer,但是不包括body。单位是像素(px)。如果要获得body的高度,请使用getInnerHeight。
getFrameWidth() : Number
获得panel的边框宽度。当然是不包括body的宽度的,要获得body的宽度用getInnerWidth。
getId() : String
获得组件的id。
getInnerHeight() : Number
仅仅返回panel.body的高度。不包括其余四个部分。
getInnerWidth() : Number
仅仅返回panel.body的宽度。
getTopToolbar() : Ext.Toolbar
取得tbar的引用。
getUpdater() : Ext.Updater
通过Ext.Updater获得此panel的updater,有了它就能通过ajax更新panel.body了。
load( Object/String/Function config ) : Ext.Panel
通过一个XHR(XmlHttpRequest)调用马上加载内容。
示例代码如下:
panel.load({
url: "your-url.php",
params: {param1: "foo", param2: "bar"}, //或者是url编码的字符串
callback: yourFunction,
scope: yourObject,
discardUrl: false,
nocache: false,
text: "Loading...",
timeout: 30,
scripts: false
});
这里面,唯一一个必须的属性就是url。
setIconClass( String cls ) : void
用于设置panel上的所有的icon的样式,如果哪个图标设置了样式,都会被它所替代。
toggleCollapse( Boolean animate ) : Ext.Panel
如果处理收缩状态就伸展,如果是伸展就收缩。总之与当前状态相反。
事件呢就不用了。
这个还是蛮容易的,个把小时搞定了。
属性:
body : Ext.Element
它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config,或者是autoLoad config,又或者是通过panel的Updater来设置内容。此属性只读。
如果此属性被任何方法加载了html内容,那么这个panel就不能通过布局类来控制布局了。
如果这个panel已被布局类所管理,那么就不能对body进行任何改动,或加载什么内容。因为它正处于panel的布局管理类的控制之下。
buttons : Array
panel的button数组,它通过buttons config创建,只读。
dd : Ext.dd.DragSource.
如果此panel配置了draggable属性,这个属性将包含一个Ext.dd.DragSource的实例。开发人员通过必须提供对Ext.dd.DragSource的抽象方法的实现来达到支持drag/drop动作的目的。详情可见draggable。
disabled : Boolean
如果组件是disabled,那么它为true。只读。
footer : Ext.Element
指向panel footer的Element的引用。只读。它用于存放panel的buttons所定义的按钮。一般不要用它来放按钮。
header : Ext.Element
指向panel header的Element的引用。只读。这个元素用于存放title和tools。
hidden : Boolean
如果组件是隐藏的,那么它为true,只读。
initialConfig : Object
组件的config。只读。
items : MixedCollection
panel中的子组件的集合。
ownerCt : Ext.Container
组件的父组件,默认值为undefined,并且在加入到一个容器中时会被自动设置。只读。
rendered : Boolean
组件是否已经被呈现。。
公共方法:
Panel( Object config )
addButton( String/Object config, Function handler, Object scope ) : Ext.Button
config:如果是个字符串就被当作是按钮的text,如果是个object,那么它被当作config了。
handler:被按钮的Ext.Button.click调用。
scope:范围。
返回:被加入的按钮的实例。
collapse( Boolean animate ) : Ext.Panel
收缩面板
destroy() : void
看一下源码就知道,把组件挂接的事件、子元素什么的全部移除、delete。在什么Ext.ComponentMgr里面注册的东西也注销掉。
disable() : Ext.Component
没悬念。。使组件不可用。相当于大伙在dotnet中用得很爽的enabled。
doLayout( [Boolean shallow] ) : void
强制容器重新计算布局,就是刷新布局啦。它的作用就是当在render之后加入了一个组件时,这时就需要调用它来刷新一下了。又或者是改变了子组件的大小、位置,这时也要刷新一下。
expand( Boolean animate ) : Ext.Panel
伸展panel。
getBottomToolbar() : Ext.Toolbar
获得panel的bbar。
getFrameHeight() : Number
它的高度包括:header,tbar,bbar,footer,但是不包括body。单位是像素(px)。如果要获得body的高度,请使用getInnerHeight。
getFrameWidth() : Number
获得panel的边框宽度。当然是不包括body的宽度的,要获得body的宽度用getInnerWidth。
getId() : String
获得组件的id。
getInnerHeight() : Number
仅仅返回panel.body的高度。不包括其余四个部分。
getInnerWidth() : Number
仅仅返回panel.body的宽度。
getTopToolbar() : Ext.Toolbar
取得tbar的引用。
getUpdater() : Ext.Updater
通过Ext.Updater获得此panel的updater,有了它就能通过ajax更新panel.body了。
load( Object/String/Function config ) : Ext.Panel
通过一个XHR(XmlHttpRequest)调用马上加载内容。
示例代码如下:
panel.load({
url: "your-url.php",
params: {param1: "foo", param2: "bar"}, //或者是url编码的字符串
callback: yourFunction,
scope: yourObject,
discardUrl: false,
nocache: false,
text: "Loading...",
timeout: 30,
scripts: false
});
这里面,唯一一个必须的属性就是url。
setIconClass( String cls ) : void
用于设置panel上的所有的icon的样式,如果哪个图标设置了样式,都会被它所替代。
toggleCollapse( Boolean animate ) : Ext.Panel
如果处理收缩状态就伸展,如果是伸展就收缩。总之与当前状态相反。
事件呢就不用了。
这个还是蛮容易的,个把小时搞定了。
发表评论
-
Extjs3.0的变动记录(转载)
2009-09-24 11:23 2970Release Date: Jul 6, 2009 Curr ... -
Ext中TreePanel控件和TabPanel控件搭配测试
2009-08-25 13:51 1624在实际的项目中,左边树形菜单,提供各种功能点击,右边一个面板, ... -
extJs 2.1学习笔记(Ext.Updater篇二)
2009-08-05 22:02 1600全 称:Ext.Updater 命名 ... -
extJs 2.1学习笔记(Ext.Updater篇一)
2009-08-05 22:00 1235上几篇中老老实实地把E ... -
extJs 2.1 学习笔记(Ext.data.HttpProxy篇)
2009-08-05 21:59 2485关于Ext.data中各个类的 ... -
extJs 2.1学习笔记(Ext.data.JsonReader篇一)
2009-08-05 21:58 2124有个事要说一下:DataProxy的子类呢,都有一个load来 ... -
extJs 2.1学习笔记(Ext.data.JsonReader篇二)
2009-08-05 21:57 1301有了上一篇中所讲内容,一般情况下就可以应付了,不过,Jso ... -
extJs 2.1学习笔记(Ext.TabPanel篇)
2009-08-05 21:56 1439Ext.TabPanel这个东西是最常用的组件之一,它继承 ... -
extJs 2.1学习笔记(Function扩展篇)
2009-08-05 21:55 975ExtJs对JavaScript的内建对象进行了扩展,对什么O ... -
extJs 2.1学习笔记(Ext.data.Store篇)
2009-08-05 21:54 1541Ext.data.Store,这个东西是JavaScript ... -
extJs 2.1学习笔记(Ext.data.Connection篇二)
2009-08-05 21:54 1722上一篇主要是扎扎实实地翻译了一下Ext.data.Connec ... -
extJs 2.1学习笔记(Ext.data.Connection篇一)
2009-08-05 21:52 1393ExtJs之所以能异步请求数据,全依赖于Ext.data. ... -
extJs 2.0学习笔记(Ext.Panel终结篇)
2009-08-05 21:49 1168怪不得我对Ext.Panel穷追猛打,前面已经写过四篇针对它的 ... -
extJs 2.0学习笔记(事件注册总结篇)
2009-08-05 21:48 1159本来,我也没把这档子 ... -
extJs 2.0学习笔记(Ext.Panel篇四)
2009-08-05 21:46 1720我刚才禁不住诱惑去看 ... -
extJs 2.0学习笔记(Ext.Panel篇二)
2009-08-05 21:44 1396activeItem : String/Number 用 ... -
extJs 2.0学习笔记(Ext.Panel篇一)
2009-08-05 21:42 1228原文链接: http://hi.baidu ... -
EXT 中 类的继承
2009-07-31 09:36 1012深入剖析ExtJS 2.2实现及 ... -
Ext架构分析:render方法
2009-07-16 08:51 5087Ext架构分析(3)--Widget之 ... -
Ext 2 概述
2009-07-16 08:48 825原文链接 http://hi.baidu.com/xcl1 ...
相关推荐
22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25. extJs 2.0学习笔记(Ext.Element API总结) 69 26. extJs 2.0学习笔记(Element.js篇) ...
15. **extJs 2.0 学习笔记(Ext.Panel终结篇)** Panel是构建UI的基本组件,涵盖了布局、标题、工具栏等多种功能。掌握Panel的使用和配置,能创建复杂而灵活的界面。 16. **extJs 2.0 学习笔记(事件注册总结篇)*...
- **ExtJs2.0学习笔记(Ext.Panel篇一/二/三/四)**:这一系列内容分别讲述了`Ext.Panel`的不同方面,如布局管理、事件处理等。 - **ExtJs2.0学习笔记(组件总论篇)**:这是一个综合性的章节,概括了Ext JS 2.0中各种...
通过本篇学习笔记,我们可以了解到如何使用ExtJs的面板控件,并通过一些简单的例子来展示它们的基本用法。这些基础知识是构建复杂ExtJs应用程序的基石。学习和掌握Ext.Panel、Ext.TabPanel和Ext.Viewport的使用方法...
### ExtJS面板学习笔记 #### 一、基础:弹出框 在ExtJS中,`Ext.MessageBox`提供了创建各种模态对话框的功能,包括提示、确认、输入等。以下是几个基本示例: 1. **简单警告对话框**: ```javascript Ext....
### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架,专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...
EXT 4.0 是一款流行的JavaScript库,专门用于构建富...EXT 4.0提供了丰富的API文档,允许开发者深入学习并自定义更多功能,如分页、筛选、编辑等。对于初学者来说,了解和实践这些基本概念是掌握EXT 4.0的第一步。
11. **数据源(Ext.grid.Panel)**:`store`是EXTJS中数据的容器,`columnLines`控制是否显示列分割线,`columns`定义了列的结构。`viewConfig`允许自定义网格视图的属性,如`stripeRows`用于开启斑马线效果,`...
在Extjs中,给Panel设置布局的方法是设置Panel的Layout配置项,Extjs3.1.0版本提供了17种布局方式,这里会挑选一些常用的进行介绍: 1. AbsoluteLayout(绝对布局) 绝对布局是最直接的布局方式,每个组件的位置...
根据给定的文件信息,我们可以深入探讨两个关键的Extjs组件——Tab Panel(标签页控件)和Grid(表格控件)。这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ...
1. **EXTJS Form Panel**: 批量上传通常会用到EXTJS的Form Panel组件,它允许我们创建表单并处理表单数据。在批量上传中,表单通常包含一个或多个文件输入字段,用于选择待上传的文件。 2. **File Input Field**: ...