ExtJS4 的dom

Ext使用了三个核心的工具类对我们掌握的DOM进行了完美的封装。

　　┣
Ext.Element(几乎对DOM的一切进行了封彻底装)

　　┣
Ext.DomHelper(一个强大的操控UI界面的工具类)

　　┣
Ext.DomQuery(用来进行DOM节点查询)

Ext.Element常用的方法：

　　┣ Ext.get(Ext.Element.get)
比较消耗内存

　　┣ Ext.fly（Ext.Element.fly）
比较省内存，但是只能被使用一次

　　┣ Ext.getDom
┄非常适合直接获取页面元素，并返回的就是DOM元素。

时间： 2024-10-09 07:58:16

ExtJS4 的dom的相关文章

ExtJs4学习（二）：Dom文档操作

现在主流的JS框架要数ExtJs和JQuery应用的比较广泛.JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势.ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库.在企业级B/S解决方案应用上独占优势.就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery.下面我就通过对比API,体现两种框架的异曲同工之处.我们已JQuery API为主线,来看看ExtJs是否有替代的方案. 注意一点:ExtJs4.0相对上

Extjs4 up and down 的使用方法

Extjs4中up()和down()的用法 Extjs4.x中,每个组件都新增加了两个方法up()和down()方法.这两个方法都是用来获取组件的,下面我们来看下up()方法和down()方法的官方解释. Extjs4.x中,新增加了两个方法up()和down()方法.这两个方法都是用来获取组件的,下面我们来看下官方解释. up( String selector, [Number/Mixed maxDepth] ) : Ext.core.Element selector:必选,字符串形式,表示要

Echarts Jqplot嵌入extjs4 windows 组件方法

js组件画图最终是画在一个指定id的div或dom元素中, 在项目中有可能需要画在 Extjs容器中,研究了一下,可以通过以下的思路实现,方法跟大家共享下: 1.首先做一个容器,把此内容添加到window的items属性中.(或者new一个box,利用window.add函数添加进去) 将容器的id指定为chart要渲染的id. Js代码 { xtype: 'box', //或者xtype: 'component', id: 'chartID', //Echarte或JQplot要渲染的

ExtJS4.2学习(21)动态菜单与表格数据展示操作总结篇2

运行效果: 此文介绍了根据操作左侧菜单在右面板展示相应内容. 一.主页先看一下跳转主页的方式:由在webapp根目录下的index.jsp跳转至demo的index.jsp 下面是demo的index.jsp的代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% response.setHeade

ExtJs4常用配置方法备忘

viewport布局常用属性 new Ext.Viewport({ layout: "border", renderTo: Ext.getBody(), defaults: { bodyStyle: "background-color: #FFFFFF;", frame: true }, //split为true,即可达到上下左右拉伸效果 //layout:fit,填满布局 //collapsible:true,north模块被收缩到最上面 items: [{ re

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手感觉不方便所以想双击关闭tab方便些于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效,本人用的是ExtJs4.1.不知道是不是我的问题,可是实在找不出错在哪里.于是自己想了个办法亲测支持ExtJs4.1 可能有点麻烦可是没办法上面那个方法我实在是找不出问题在哪里*///////////////////---下面是网上找的方法本人

ExtJS4教程—-Ext.onReady、Ext.define、Ext.create基础方法（转）

Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行例子: <html> <head> <title>Index</title> <link href="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="te

Extjs4 百度地图

前段时间,开发需要百度地图,底层用Extjs 4.0.7 版本,想进行融合封装下,上网查了很多资料,基本没有Extjs4 封装百度地图的例子,都是直接用的api嵌入页面,这样并不能满足需求. 然后我看了下extjs ux 扩展控件里,有个谷歌地图控件,我便仿照谷歌控件封装了一个百度地图控件,以后只需要对这个百度控件进行扩展就可以了,下面分享下源码,纯手打,纯原创,author:DEMON 首先:在html页面里面要引用百度地图api,我使用的是2.0大众版本. <script type="

ExtJs4学习（一）：正确认识ExtJs4

认识ExtJs 1.Javat能用ExtJs吗? 它是展现层的技术,与JS,HTML,CSS有关.至于server端是.Net,还是PHP等无关. 2.ExtJs适合什么样的项目? 依照官方的说法,ExtJs是给你拿来做B/S的桌面应用程序的,并不适合做门户站点.我个人理解,ExtJs比較适合做须要大量复杂界面布局和交互的信息管理系统(MIS). 3.ExtJs效率不行,好慢...? 确实,ExtJs做的复杂布局和交互的页面,在IE6,7,8下非常慢,在IE9下也不是非常理想,但在Chrome,