EXTJS 元素,对象选择器示例

最新推荐文章于 2021-01-02 11:58:50 发布

原创最新推荐文章于 2021-01-02 11:58:50 发布 · 7.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #div #function #javascript #html #css

EXTJS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了ExtJS中几种常用的选择器及其使用方法，包括Ext.get、Ext.select、Ext.query及Ext.getCmp等，展示了如何通过这些选择器进行元素的样式操作、事件绑定等。

Ext.get 选择器（返回HTML或DOM的节点元素）元素的样式操作： <mce:script language="javascript"></mce:script> Ext.select 选择器（返回应该了该样式表的对象）另一种根据Id操作元素的方法 var el = Ext.select(["div1"],true); el.on("click",function tes(){ Ext.Msg.alert("提示","您点击了id为'div1'的节点"); }); Ext.query 选择器（返回满足条件的节点数组） <mce:script language="javascript"></mce:script> </head> <body> <div id="sub1"></div> </body> Ext.getCmp 选择器（返回Ext组件Component对象） //获得id为'panel1'的组件 var comp = Ext.getCmp('panel1'); Ext.Msg.alert('提示',"取得的id为'panel1'的组件的类型为"+comp.getXType()); }); Ext.getDom 选择器（返回HTML节点元素.可用） var comp = Ext.getDom('panel1'); Ext.Msg.alert('提示',"通过Ext.getDom取得的dom的id:"+comp.id+ "<br>通过另一种方式取得panel的dom其id:"+panel.el.dom.id);