- Ext JS 3.0 Cookbook
- Jorge Ramon
- 189字
- 2021-04-01 13:43:43
Retrieving DOM nodes and elements
Web development involves hefty doses of DOM manipulation. This recipe shows how you can use Ext JS to get a handle on any DOM element.
How to do it...
Using a div element as an example, you can get a handle to the div in the following way:
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css"
href="../ext/css/ext-all.css"/>
<script type="text/javascript" src="../ext/ext-base.js"></script>
<script type="text/javascript"
src="../ext/ext-all-debug.js"></script>
<script type="text/javascript"> Ext.BLANK_IMAGE_URL = '../ext/images/default/s.gif';
Ext.onReady(function() {
var firstDiv = Ext.get("div-1");
Ext.Msg.alert('Using Ext.get(el)', firstDiv.id);
});
</script>
</head>
<body>
<div id="div-1">This is the first div</div>
</body>
</html>
How it works...
The previous code uses Ext.get(element), a shorthand for Ext.Element.get(element), to acquire a reference to a div element in the document. You can use this function to retrieve references that encapsulate DOM elements.
There's more...
The Ext.get(element) function uses simple caching to consistently return the same object. Note that Ext.get(element) does not retrieve Ext JS components. This is can be accomplished using Ext.getCmp(), explained in the next recipe.
See also...
- The next recipe, Acquiring references to Ext JS components, explains how to obtain a reference to a previously created component.
- The Running high performance DOM queries recipe, which is covered later in this chapter, teaches you how to run queries against the DOM using Ext JS.
推薦閱讀
- 做合成：Photoshop構(gòu)圖+透視+紋理+造型+調(diào)色技術(shù)修煉
- 下一代空間計(jì)算：AR與VR創(chuàng)新理論與實(shí)踐
- Excel數(shù)據(jù)管理：不加班的秘密
- Premiere Pro影視后期編輯：短視頻制作實(shí)戰(zhàn)寶典
- Photoshop CS6從入門到精通
- 從零開(kāi)始：AutoCAD 2010中文版建筑制圖基礎(chǔ)培訓(xùn)教程（第2版）
- Oracle 11g Streams Implementer's Guide
- After Effects 2022從新手到高手
- Building Websites with VB.NET and DotNetNuke 4
- WCF Multi/tier Services Development with LINQ
- 中文版3ds Max 2014-VRay效果圖制作完全自學(xué)教程
- Illustrator CC 2018 基礎(chǔ)與實(shí)戰(zhàn)教程（全彩版）
- Service Oriented Architecture with Java
- SolidWorks三維設(shè)計(jì)及工程圖速成
- Apache Solr High Performance