强大的EXT最新使用手册（中文）(6)

I'm a span within the div with a foo class I'm a P tag within the foo div

I'm a span within the div with a bar class 基于这个CSS的颜色值我们不会作任何查询，但可以是其它的内容。它的格式规定是这样的：

元素{属性 操作符 值}

注意我在这里是怎么插入一个不同的括号。

所以，操作符（operators）和属性选择符（attribute selectors）是一样的。 // 获取所有红色的元素 Ext.query(\ // 获取所有粉红颜色的并且是有红色子元素的元素 Ext.query(\ // 获取所有不是红色文字的元素 Ext.query(\ //[html, head, script firebug.js, link, body#ext-gen2.ext-gecko, // script ext-base.js, script ext-core.js, span.bar, //a www.extjs.com, div#foo.bar, p, span.bar, a test.html#] // 获取所有颜色属性是从“yel”开始的元素 Ext.query(\ // 获取所有颜色属性是以“ow”结束的元素 Ext.query(\ // 获取所有颜色属性包含“ow”字符的元素 Ext.query(\

第四部分：伪类选择符Pseudo Classes selectors

仍然是刚才的网页，但是有所不同的只是新加上了一个UL元素、一个TABLE元素和一个FORM元素，以便我们可以使用不同的伪类选择符，来获取节点。 I'm a div ==> my id: bar, my class: foo An ExtJs link with a blank target! my id: foo, my class: bar

I'm a P tag within the foo div

An internal link Some choice #1 Some choice #2 Some choice #3 Some choice #4 with a link 1st row, 1st column 1st row, 2nd column 2nd row, colspanned! 3rd row, 1st column 3rd row, 2nd column 接着： /* this one gives us the first SPAN child of its parent */ Ext.query(\); // [span.bar] /* this one gives us the last A child of its parent */ Ext.query(\) // [a www.extjs.com, a test.html#] /* this one gives us the second SPAN child of its parent */ Ext.query(\) // [span.bar] /* this one gives us ODD TR of its parents */ Ext.query(\) // [tr, tr] /* this one gives us even LI of its parents */ Ext.query(\) // [li, li] /* this one gives us A that are the only child of its parents */ Ext.query(\) // [a test.html#] /* this one gives us the checked INPUT */ Ext.query(\) // [input#chked on] /* this one gives us the first TR */ Ext.query(\) // [tr] /* this one gives us the last INPUT */ Ext.query(\) // [input#notChked on] /* this one gives us the 2nd TD */ Ext.query(\) // [td] /* this one gives us every DIV that has the \*/ Ext.query(\) // [div#bar.foo, div#foo.bar] /* this one gives us every DIV that doesn't have a FORM child */ Ext.query(\) [div#bar.foo, div#foo.bar, div] /* This one gives use every DIV that has an A child */ Ext.query(\) // [div#bar.foo, div#foo.bar, div] /* this one gives us every TD that is followed by another TD. obviously, the one that has a colspan property is ignored. */ Ext.query(\) // [td, td] /* this one gives us every LABEL that is preceded by an INPUT */ Ext.query(\) //[label, label] 扩展EXT组件

要创建的扩展是一个在文字前面能够显示图标的这么一个Ext.form.Combobox。将其中一个功能举例来说，就是要在一块选择里，国家名称连同国旗一并出现。

我们先给扩展起个名字，就叫Ext.ux.IconCombo。

文件的创建

首要的步骤是准备好开发中将会使用的文件。需下列文件：

? iconcombo.html: 新扩展将会使用的 html markup