首页 / EXTJS / Extjs 选择元素涉及方法总结

Extjs 选择元素涉及方法总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Extjs 选择元素涉及方法总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1295字，纯文字阅读大概需要2分钟。

内容图文

本文主要是解释Extjs在使用过程中使用的相关选择方法：

1.首先解释第一组概念：

Ext.get（String/HTMLElement/Ext.Element el）

Ext.getCmp（String id）

Ext.getDom（String/HTMLElement/Ext.Element el）

在理解之前，建议先看两篇基础知识的文档：

  1.[转载]Extjs中的dom,Ext.Element和Ext.Component对象的关系

  2.【转载】Extjs 中id与itemId的区别

理解了基础概念之后，我们来看：

  • Ext.get（String/HTMLElement/Ext.Element el） ：
    • 入参：节点的id，一个DOM节点或现有元素。
    • 作用：检索Ext.dom.Element对象
    • 出参：返回Ext.dom.Element对象
  • Ext.getCmp（String id）
    • 入参：组件ID
    • 作用：Ext.ComponentManager.get方法的简写。 通过id查找现有的Component。
    • 出参：Ext中的Component对象
  • Ext.getDom（String/HTMLElement/Ext.Element el）
    • 入参：节点的id，一个DOM节点或现有元素。
    • 作用：返回dom对象
    • 出参：HTML的Dom对象

从上面可以看出，使用最广泛的应该是：Ext.getCmp（id）：但是由于不是每个元素都有Id，所以又有了以下几个方法：

2.第二组概念：

Ext.select（String selector）：返回Ext.CompositeElement

Ext.query（String path, [HTMLElement root], [String type]）：返回HTMLdom数组

相似点是都是根据CSS选择符来查询

不同点：返回的对象不同

截图参考：

技术分享

3.第三组概念：

        如何通过更加通用的方式来获取Ext组件呢？
    
        有了以下三个查询方法：
  • Ext.Componen tQuery.query
    • 入参: css 选择器
    • 作用： 通过css选择器来获取组件数组，
    • 出参：Ext中的Component数组
  • Ext.ComponentManager.get（String id)
    • 入参：组件ID
    • 作用： 通过id查找现有的Component。简写方式为：Ext.getCmp(id)
    • 出参：Ext中的Component对象
  • Ext.container.Container.getComponent（comp）
    • 入参：itemId 或者是容器的 id.或者组件所在的位置
    • 作用： 查看容器的items 属性并且直接返回这个容器.
    • 出参：Ext中的Component对象

 

  另外：

Ext.app.Controller.control中使用的是Ext.ComponentQuery，也就是通过css选择符来选择对应的对象。

 

原文：http://www.cnblogs.com/sdjnzqr/p/4287653.html

内容总结

以上是互联网集市为您收集整理的Extjs 选择元素涉及方法总结全部内容，希望文章能够帮你解决Extjs 选择元素涉及方法总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1214663.html

来源：【匿名】