extjs学习札记（二） Ext.Element类
日期：2014-05-16 浏览次数：20405 次
extjs学习笔记（二） Ext.Element类
上个系列中，我们用到了Ext.fly来获得一个Element对象，其实Ext.fly是Ext.Element.fly的简写形式。类似的方法还有一个Ext.get，是Ext.Element.get的简写。这两个方法都可以用使用Dom元素或者Dom元素的id作为参数来获得一个Element对象。区别在于fly返回的是Element轻量级的，占用较少的内存，但是不保存对象的引用，每次使用都会改变先前的对象，而get则会缓存每次返回的Element对象，但是占用较多的内存。我们通过一个例子来说明二者的区别，同时看看Element给我们提供的强大功能。在我们项目中添加一个html页面，内容如下：
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->?1?<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?2?<html?xmlns="http://www.w3.org/1999/xhtml"?>
?3?<head>
?4?????<title>Element?Demo</title>
?5?????<link?rel="stylesheet"?type="text/css"?href="extjs/resources/css/ext-all.css"?/>
?6?<script?type="text/javascript"?src="extjs/ext-base-debug.js"></script>
?7?<script?type="text/javascript"?src="extjs/ext-all-debug.js"></script>
?8?<script?type="text/javascript"?src="extjs/ext-lang-zh_CN.js"></script>
?9?<
?2?<html?xmlns="http://www.w3.org/1999/xhtml"?>
?3?<head>
?4?????<title>Element?Demo</title>
?5?????<link?rel="stylesheet"?type="text/css"?href="extjs/resources/css/ext-all.css"?/>
?6?<script?type="text/javascript"?src="extjs/ext-base-debug.js"></script>
?7?<script?type="text/javascript"?src="extjs/ext-all-debug.js"></script>
?8?<script?type="text/javascript"?src="extjs/ext-lang-zh_CN.js"></script>
?9?<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
