ExtJS入门之三 查询

原文：http://www.cnblogs.com/beginor/archive/2008/03/22/1117715.html

 

在Web开发中，对HTMLDom进行查询是必不可少的，ExtJS提供了高性能的查询功能，支持CSS3选择器（Selector）查询和基本的XPath查询。（ExtJS的查询对Xml和Html均成立）

看下面的HTML代码

<
div
 id
="myDiv"
>


   <
input
 type
="checkbox"
 value
="1"
 />


   <
input
 type
="checkbox"
 value
="2"
 />


   <
input
 type
="checkbox"
 value
="3"
 />


   <
input
 type
="checkbox"
 value
="4"
 />


</
div
>

如果要查出myDiv之下的所有的checkbox， 可以使用如下方法：

Ext.get("myDiv
").select("input[type=checkbox]
")

对于具体的查询参数， 可以参考Ext的SDK中的Ext.DomQuery类，这里只说明Ext提供了非常强大的查询方法，可以对Html或者Xml进行元素选择查询，元素属性查询，CSS查询等高级查询。