手把手教你ExtJS从入门到放弃——篇二十二(示例19:Ext获取页面元素方法总结）

最新推荐文章于 2020-07-15 17:05:38 发布
原创 最新推荐文章于 2020-07-15 17:05:38 发布 · 506 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Ext获取页面元素方法总结

本文介绍JavaScript中通过get和fly方法高效操作DOM元素的技巧，get方法利用缓存提高访问速度，fly方法采用享元模式，适合频繁操作同一元素场景。

总结：获取频繁操作的对象用get最好，会从缓存里取。

fly方法使用享元模式，操作一个元素时可用，dom元素一般都可以用

看了上面的内容，你可能还不怎么懂，上JS代码(参数传的是id）

1.get（利用了缓存）

2.fly方法：使用了享元模式，当前对象保存的永远是得到的最后一个元素

以下图用法你会发现，实际上是改变id为d3里的innerHTML

实在想用的话获取一次元素后面紧跟对其操作一次,如下

3.getDom() : 直接获取DOM对象，相当于getElementById方法

10.8.1 Ext JS 组件获取方式汇总介绍
oscar999的专栏
03-14 653
获取方式适用优缺点主页面中一直打开的组件， 比如导航栏简单， 直接父子关系不会变化的状况如果父子关系发生修改，则会出错comp.query(查找描述符)通用灵活，查找效率可能每那么高具体选用哪种，根据实际适用的状况来决定。当然， 如果偏好适用某种也是可以的， 只是 id这种全局的方式要慎用。
手把手教你学ExtJS 6.0 附源码
08-05
该文档有30页，详细介绍了从零开发一个ExtJS6的应用程序。该教程涵盖了ExtJS6的大多数知识点。如果你的ExtJS感兴趣，并且按照教程一步一步的做了，掌握ExtJS开发是轻而易举的事。学不会你的打我。
EXTjs获取元素
giveyousool的专栏
12-12 2661
renderTo:Ext.get('content-panel') 其中get 方法参数为container 的id。
ExtJS：获取Ext元素
laowang2915的博客
07-07 3133
ExtJS：获取Ext元素 操作系统：WIN7 ExtJS版本：ExtJS3.0 浏览器：Google Chrome57.0.2987.98 新建一个文本文件，将扩展名修改为.html，我的文件名为ExtJSTest.html。在文件中编写相关html代码，如： 将ExtJS的两个js文件复制到与创建的html文件相同的路径下。在h
ext 获取节点对象
海风轻轻吹
03-08 302
Ext中提供了三个方法获取某个节点对象，在使用的时候经常混淆 Ext.get(id):返回一个HTML DOM对象。 Ext.getCmp(id)：返回Ext.Component， 如果要调用ext的方法，则需要使用该方法 获取组件。 Ext.getDom(id)：返回HTMLElement。 例如： 例子，我们声...
ext Grid取当前页码
weixin_33725126的博客
08-24 197
/** * description: 获取GridPanel中当前页在分页中的位置 * name: getStartIndex * parameters: grid - GridPanel对象 pageSize - Grid...
Extjs5.0从入门到实战开发信息管理系统（Extjs基础、Extjs5新特性、Spring、Spring mvc）
09-02
Extjs5.0从入门到实战开发信息管理系统（Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis），完整版，提供课件和代码下载！ 本教程从Extjs5的开发环境搭建开始，讲解了Extjs5的项目结构（包括核心文件的作用...
extjs入门教程及ext3.0开发文档
12-17
首先，让我们从“ExtJS入门教程(超级详细).pdf”开始。这个教程为初学者提供了全面的指导，涵盖了ExtJS的核心概念，包括组件系统、布局管理、数据绑定、事件处理和Ajax交互等。组件系统是ExtJS的基础，允许开发者...
extjs-reactjs-examples:ExtJS到React过渡的代码示例
05-16
Ext JS-> React示例 这些代码示例支持上的Ext JS to React博客文章。 以下是本系列所涵盖主题的概述（随着本系列的推出，链接将更新）： （） 类系统 （） （） （） （） 模板化 （） （代码） 清单（代码...
ExtJS学习笔记(十二) Ext 获取组件、获取DOM
热门推荐
左手121
01-24 1万+
select 和 queryExt.query和Ext.select的作用是一致的，同是根据CSS选择符查找出一个或多个元素。区别在于返回类型上。 query方法返回的是JavaScript标准的数组类型； select方法返回的是CompositeElement类型。
Ext.get() 和 Ext.query() 取元素方式
cyd1986的博客
10-10 309
想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合（个人推荐）方式。 前面写的get()和query()我都省略参数了，先看看文档中的函数原型： Ext.get( Mixe...
Extjs 获取当前grid显示数据
漏气的可乐的博客
07-15 483
不采用通过store获取grid数据的方式获取数据 griddata为最终的grid数据获取（传入后台为list<map<>>格式） data为保存一条数据使用 var griddata= new Array(); var data=new Object(); var len = grid.getViewItems(); var put = function(key, value) { data[k
ExtJs 获取其他页面的组件方式
winteriscomming的博客
11-24 1528
//通过查询全局库的组件中的 bommgmt_kdbom，得到view层页面，启用“进入编辑”按钮var query = Ext.ComponentQuery; query.query('bommgmt_kdbom')[0].down("#startbutton").setDisabled(false); query.query('bommgmt_kdbom')[0].down("#add").s
ExtJS的View部分的基本操作
weixin_33866037的博客
01-08 542
先上代码我们在View的ViewController文件中进行测试，纯属为了方便。 Ext.define('RUKU.view.main.MainController', { extend: 'Ext.app.ViewController', alias: 'controller.main', onItemSelected: ...
获取当前View
weixin_34319817的博客
01-12 235
在实际开发中LayoutInflater这个类还是非常有用的，它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件，并且实例化；而findViewById()是找xml布局文件下的具体widget控件(如Button、TextView等)。 具体作用： 1、对于一个没有被载入或者想要动态载入的界面，都需要使用Layou...
ExtJs组件的获取方式
idomyway的博客
12-01 3932
需求ExtJs中有多种捕捉元素的方法,其中Ext.get(),Ext.select(),Ext.query()是获得的dom，不是获得的Ext定义组件。 ExtJS也有自己独特的方式查找组件。本次从全局查找、容器内查找、form表单查找、通用组件等4个方面介绍组件的查找方式。 ###目录 全局查找方式 容器内查找 form查找子组件 通用组件查找方式 1. 全局查找方式全局查找方式指在整个E
extjs 获取Dom对象
weixin_30242907的博客
08-29 223
对象指页面上的某一部分，如：Input等。我觉得在EXT JS中会有三类基本对象，htmlelement , EXT.Element和CompositeElement 。分别解释一下： htmlelement指html页面的各种标记元素，可以用document.getElementById()获得，具有html对象的方法和属性。 EXT.Element是最重要的EXT对象，在d...
ExtJS2.0入门教程：从新手到精通
"这是一份关于ExtJS入门的教程，提供了示例源码，适用于初学者。作者分享了学习ExtJS的心得和总结，教程涵盖了新手入门、组件结构、控件使用等方面，基于ExtJS 2.0。此外，还提到了一个基于ExtJS 2.0开发的单用户...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我才是真的封不觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值