ExtJs之Ext.core.DomQuery

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

<code>&lt;!</code><code>doctype</code> <code>html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>title</code><code>&gt;extjs&lt;/</code><code>title</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>meta</code> <code>http-equiv="content-type" content="text/html; charset=utf-8"/&gt;</code>

<code>    </code><code>&lt;</code><code>link</code> <code>rel="stylesheet" type="text/css" href="extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/ext-all.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/bootstrap.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/packages/ext-theme-crisp/build/ext-theme-crisp.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>            </code><code>ext.onready(function(){</code>

<code>        </code><code>var panel = new ext.panel({</code>

<code>          </code><code>title: 'sample',</code>

<code>          </code><code>renderto: 'sub1',</code>

<code>          </code><code>width: '500px',</code>

<code>          </code><code>html: '&lt;</code><code>div</code> <code>id="div0" style="height:260px;padding:5px"&gt;&lt;</code><code>div</code> <code>id="div1"&gt;我是第一個div的文本&lt;/</code><code>div</code><code>&gt;&lt;</code><code>div</code> <code>id="div2"&gt;' +</code>

<code>                </code><code>'&lt;</code><code>div</code> <code>id="div3"&gt;我是第一個div的内容&lt;/</code><code>div</code><code>&gt;&lt;/</code><code>div</code><code>&gt;&lt;/</code><code>div</code><code>&gt;'</code>

<code>          </code><code>});</code>

<code>          </code><code>var tararry = ext.query('#div0 div');</code>

<code>          </code><code>var except = ext.core.domquery.filter(tararry, "#div1", true);</code>

<code>          </code><code>var include = ext.core.domquery.filter(tararry, "#div1", false);</code>

<code>          </code><code>var isinclude = ext.core.domquery.is(except, '#div0');</code>

<code>          </code><code>var selectnode = ext.core.domquery.selectnode("div0 div");</code>

<code>          </code><code>function retstr(array){</code>

<code>            </code><code>var str = "";</code>

<code>            </code><code>for(var i=0;i&lt;</code><code>array.length</code><code>;i++){</code>

<code>              </code><code>if(i&lt;array.length-1)</code>

<code>                </code><code>str +=(array[i].id + ";");</code>

<code>              </code><code>else {</code>

<code>                </code><code>str += array[i].id;</code>

<code>              </code><code>}</code>

<code>            </code><code>}</code>

<code>            </code><code>return str;</code>

<code>          </code><code>}</code>

<code>        </code><code>ext.msg.alert('傳回結果', "不包含id為div1的所有div的id為： " + retstr(except) +</code>

<code>        </code><code>"&lt;br&gt;包含id為div1的所有div的id為： " + retstr(include) +</code>

<code>        </code><code>"&lt;</code><code>br</code><code>&gt;通過ext.core.domhelper.is(except, #div0的傳回結果:)" + isinclude +</code>

<code>        </code><code>",&lt;</code><code>br</code><code>&gt;表示" + retstr(except) + "是否包含id為div的節點:" +</code>

<code>        </code><code>"&lt;</code><code>br</code><code>&gt;在id為div0的第一個節點的id是： " + selectnode);</code>

<code>      </code><code>});</code>

<code>    </code><code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>div</code> <code>id=sub1&gt;&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>