在 Ext.Element 的方法中用到了不少选择器,如
Ext.Element
findParentNode :simple selector
first :simple selector
select : selector
Ext.EventObject.getTarget :simple selector
Ext.DomQuery.is
:simple selector
但是这些方法中的参数有的有特殊要求 simple selector ,而不是我们所熟悉的通用 css选择器,但API对此解释较少。
simple selector :
主要用于过滤节点集,以及对某一特定节点是否满足属性约束等。所以该选择器不包含后代选择器以及子选择器,同胞选择器
等会产生新结果节点集的特性。使DomQuery可以更高效。
如:
div.class1
span:first-child
selector :
主要用于生成结果节点集合,会有扩充的功能,而扩充功能则主要通过后代选择器以及子选择器,同胞选择器来实现。
如:
ul > li div a:first-child
解释:
findParentNode : 对祖先(父)节点集合进行过滤,first 对子节点进行过滤,getTarget 对 target的祖先(父)节点集合进行过滤,以上三种采用simple selector
而 Ext.Element.select 要选择出一些符合需求的子孙节点,主要为扩充操作,采用selector。
示例:
<div id="d" class="divd">
<a href="#" class="l">x</a>
<a href="#">y</a>
<a href="#" class="l">x</a>
</div>
<script>
var div=Ext.get("d");
var x= Ext.DomQuery.compile("#d a.l", "select");
console.log(x());
console.log("************************************************");
x= Ext.DomQuery.compile("a.l", "select");
console.log(x(div.dom));
console.log("************************************************");
x= Ext.DomQuery.compile("#d a.l", "simple");
console.log(x());
console.log(x(document.getElementsByTagName("a")));
console.log("************************************************");
x= Ext.DomQuery.compile("a.l", "simple");
console.log(x());
console.log(x(document.getElementsByTagName("a")));
</script>
分享到:
相关推荐
ExtJS实现的用户管理界面,实现了用户的增加功能、修改功能、删除功能、查看工程。还提供了下拉列表选择框进行年龄的选择功能。
extjs4 record mapping参数解释
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
自己创建的extjs 5.0 的示例...继续添加功能中。
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
包括从基础到深入的EXTjs组件解释,EXTjs实例,EXT核心API详解,Ext.DomQuery类
概要白名单 selector = Selector . new only : [ :foo , :qux ]selector [ :foo ] # => trueselector [ :bar ] # => falseselector = Selector . new only : /foo/selector [ :foobar ] # => trueselector [ :bar ] ...
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
extjs电子书,extjs电子书,extjs电子书,extjs电子书
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
适合ExtJs开发人员extjs技术上手以及深入
extjsapi,extjs文档,api手岫
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) ...
JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件
包含各种类型的extjs小图标,Extjs4小图标