extjs中的ComponentQuery方法
阿新 • • 發佈：2019-01-03
<!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,button2 buttons2=Ext.ComponentQuery.query('#p1 button');//查出的陣列中包括button1,button2,button3,button4 //由此可見>是查出容器內根子節點的所有button，不帶>則是查詢出容器內所有子節點內的button console.log(buttons1); console.log(buttons2); }); </script> </head> <body> </body> </html>