extjs中的ComponentQuery方法

来源：互联网发布：算法设计算法导论编辑：程序博客网时间：2024/06/09 11:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" type="text/css" href="../ext-4.2.1.883/resources/css/ext-all.css"/><script type="text/javascript" src="../ext-4.2.1.883/bootstrap.js"></script><script>Ext.onReady(function(){var viewport=Ext.create("Ext.container.Viewport",{layout:"fit",renderTo:Ext.getBody(),items:[{xtype:'panel',title:'panel1',itemId:'p1',items:[{xtype:'button',text:'button1'},{xtype:'button',text:'button2'},{xtype:'panel',title:'panel2',items:[{xtype:'button',text:'button3'},{xtype:'button',text:'button4'}]}]}]});buttons1=Ext.ComponentQuery.query('#p1>button');//查出的数组中包括button1,button2buttons2=Ext.ComponentQuery.query('#p1 button');//查出的数组中包括button1,button2,button3,button4//由此可见>是查出容器内根子节点的所有button，不带>则是查询出容器内所有子节点内的buttonconsole.log(buttons1);console.log(buttons2);});</script></head><body></body></html>

0 0