`
yonglin4605
  • 浏览: 188513 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Ext.Element.*--常见的"尺寸大小/定位"方法

    博客分类:
  • ext
阅读更多
该部分的方法是对元素(Div)外观大小、定位的相应操作办法,一般来讲均有对应的get/set方法。

1.setHeight方法/setWidth方法

语法:setHeight(Number height, [Boolean/Object animate])/setWidth(Number width, [Boolean/Object animate])

参数:height:Number,新高度;width:Number新宽度;animate:Boolean/Object(可选的),true表示为默认动画,或一个标准元素动画配置的对象。

描述:分别是设置元素高度和宽度。

返回:Ext.Element this

2. setSize方法

语法:setSize(Number width, Number height, [Boolean/Object animate])

参数:height:Number,高度;width:Number,宽度;animate:Boolean/Object(可选的),true表示为默认动画,或一个标准元素动画配置的对象。

描述:设置元素的大小尺寸。如果动画效果被打开,高度和宽度都会产生动画变化效果。

返回:Ext.Element this

3.setBounds方法

语法:setBounds(Number x, Number y, Number width, Number height, [Boolean/Object animate])

参数:x:Number,新位置上的x值(基于页面的坐标);y:Number,新位置上的y值(基于页面的坐标);width:Number,新宽度;height:Number,新高度;animate:Boolean/Object (可选的),true表示为默认动画,或一个标准元素动画配置的对象。

描述:一次性设置元素的位置和大小。如果动画效果被打开,高度和宽度都会产生动画的变化效果。

返回:Ext.Element this

4.move方法

语法:move(String direction, Number distance, [Boolean/Object animate])

参数:direction:String,可能出现的值为"l"、"left"-"r"、"right"-"t"、"top"、"up"- "b"、"bottom"、"down"。distance:Number,元素移动有多远(像素) ;animate: Boolean/Object(可选的),true表示为默认动画,或一个标准元素动画配置的对象。

描述:移动这个元素到相对于当前的位置。

返回:Ext.Element this

5. center方法

语法:center([String/HTMLElement/Ext.Element centerIn])

参数:centerIn:String/HTMLElement/Ext.Element (可选的),相当于指定的视图或其他元素。

描述:在视图或其他元素中,居中元素。
分享到:
评论

相关推荐

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    asr1001-universalk9.03.16.10.S.155-3.S10-ext.bin

    asr1001-universalk9.03.16.10.S.155-3.S10-ext.bin

    isr4300-universalk9.03.13.07.S.154-3.S7-ext.SPA .bin

    isr4300-universalk9.03.13.07.S.154-3.S7-ext.SPA .bin 思科4300 系列路由器

    isr4300-universalk9.03.16.09.S.155-3.S9-ext.SPA.bin

    isr4300-universalk9.03.16.09.S.155-3.S9-ext.SPA.bin 思科路由器4300 系列ios

    3------通过实例学习------Ext.js------.pdf

    1. **builds**:这个目录包含了压缩后的Ext.js代码,优化了文件大小,提高了加载速度,适合在生产环境中使用。 2. **docs**:包含了详细的开发文档,对于开发者来说,这是一个非常重要的参考资料。 3. **examples**...

    Ext组件描述,各个组件含义

    - **功能描述**:Component 是所有 Ext 组件的基础类,它定义了所有 Ext 组件都共有的基本属性和方法。 - **主要用途**:作为所有其他组件的基类。 **1.5 Container (Ext.Container)** - **xtype**: `container` -...

    Ext常用属性总结

    以下是一些常见的Ext Component属性: 1. **id** - 每个组件都需要一个唯一的ID,用于识别和访问。如果不指定,系统会自动生成。 2. **xtype** - 定义组件的类型。例如,'panel'、'button'或'grid',这决定了组件...

    3------通过实例学习------Ext.js------.docx

    1. **builds**:这个目录包含了经过压缩和优化的Ext.js代码,目的是减小文件大小,提高网页加载速度,适用于生产环境。 2. **docs**:这里是Ext.js的开发文档,包含了详细的API参考和教程,对于开发者来说是不可或...

    extjs控件列表

    - **描述**: 代表浏览器的可视区域,可自动调整大小以适应窗口尺寸变化。 - **用途**: 作为主布局容器,确保页面内容在不同屏幕尺寸上自适应。 **Ext.BoxComponent** - **描述**: 盒子组件,类似于HTML中的`<div>`...

    jersey所有的jar包

    9. **jersey-ext-jaxb**: 集成了Java XML绑定(JAXB)技术,方便处理XML数据。 10. **jersey-server-jsp**: 如果需要在Jersey服务中嵌入JSP视图,这个库将提供支持。 11. **jersey-test-framework**: 为开发人员...

    org.restlet.ext.servlet-2.1.1.jar

    org.restlet.ext.servlet-2.1.1.jar

    ext liferay开发

    【Liferay Ext开发详解】 Liferay Ext开发是一种高级的定制方式,用于对Liferay Portal进行深度扩展,当Portlet、Hook或Web插件无法满足特定需求时使用。Ext插件允许开发者访问和修改Liferay的内部API,甚至覆盖其...

    Extjs xtype集合

    - **描述**: 视口组件,表示浏览器的可视区域,能够根据浏览器窗口大小自动调整。 3. **`box`:** - **`xtype`**: `box` - **`Class`**: `Ext.BoxComponent` - **描述**: 一个简单的盒子组件,相当于一个...

    Extjs 初体验

    1. **Ext.Element.xml** - 这个文件与Ext JS的核心类`Ext.Element`相关,它是所有UI元素的基础。这个类提供了丰富的DOM操作方法,如添加样式、事件监听、动画效果等。 2. **Ext.dd.DragZone.xml** - 与拖放功能有关...

    ExtJs中文教程

    6. **Ext.Element类中的动画函数** - 使用Element类提供的动画函数实现更复杂的动画效果。 #### 六、元素操作与模板 1. **元素操作简介** - 讨论元素操作在前端开发中的重要性和挑战。 2. **Ext.DomHelper类** -...

    Linux常用的Command

    - `cp /路径/文件 ./`:复制文件到当前目录。 13. **find** - `find 路径 -name "模式"`:查找路径范围内的文件或目录,其中模式可以是正则表达式。 14. **ln** - `ln 源文件 链接名`:创建当前目录下源文件的...

    Ubuntu常用命令

    - `cp /源文件/目录 ./目标位置`:复制文件或目录到当前目录。 13. **find** - `find 路径 -name "模式"`:在指定路径下查找符合特定名称模式的文件或目录。 14. **ln** - `ln 源文件 目标目录`:创建硬链接...

    Linux系统管理常用命令集

    - **功能**:查看和修改ext2/ext3文件系统的卷标。 #### 10. **dumpe2fs** - **功能**:显示ext2/ext3文件系统的详细信息。 #### 11. **free** - **功能**:查看当前内存和交换空间的使用情况。 #### 12. **...

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 ...以上介绍了 **Ext.form** 表单中常见的几个组件及其配置选项,这些组件为 Web 应用程序提供了丰富的功能和用户体验。通过合理的配置,可以轻松构建出复杂且交互性强的表单界面。

Global site tag (gtag.js) - Google Analytics