博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJs之Ext.core.DomQuery
阅读量:7026 次
发布时间:2019-06-28

本文共 1729 字,大约阅读时间需要 5 分钟。

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
<!
DOCTYPE
html>
<
html
>
<
head
>
    
<
title
>ExtJs</
title
>
        
<
meta
http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
<
link
rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
        
<
script
type="text/javascript" src="ExtJs/ext-all.js"></
script
>
        
<
script
type="text/javascript" src="ExtJs/bootstrap.js"></
script
>
        
<
script
type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></
script
>
 
    
<
script
type="text/javascript">
            
Ext.onReady(function(){
        
var panel = new Ext.Panel({
          
title: 'SAMPLE',
          
renderTo: 'sub1',
          
width: '500px',
          
html: '<
div
id="div0" style="height:260px;padding:5px"><
div
id="div1">我是第一个DIV的文本</
div
><
div
id="div2">' +
                
'<
div
id="div3">我是第一个DIV的内容</
div
></
div
></
div
>'
          
});
          
var tarArry = Ext.query('#div0 div');
          
var except = Ext.core.DomQuery.filter(tarArry, "#div1", true);
          
var include = Ext.core.DomQuery.filter(tarArry, "#div1", false);
          
var isInclude = Ext.core.DomQuery.is(except, '#div0');
          
var selectNode = Ext.core.DomQuery.selectNode("div0 div");
 
          
function retStr(array){
            
var str = "";
            
for(var i=0;i<
array.length
;i++){
              
if(i<array.length-1)
                
str +=(array[i].id + ";");
              
else {
                
str += array[i].id;
              
}
            
}
            
return str;
          
}
        
Ext.Msg.alert('返回结果', "不包含ID为DIV1的所有DIV的ID为: " + retStr(except) +
        
"<br>包含ID为DIV1的所有DIV的ID为: " + retStr(include) +
        
"<
br
>通过EXT.CORE.DOMHELPER.IS(EXCEPT, #DIV0的返回结果:)" + isInclude +
        
",<
br
>表示" + retStr(except) + "是否包含ID为DIV的节点:" +
        
"<
br
>在ID为DIV0的第一个节点的ID是: " + selectNode);
      
});
    
</
script
>
</
head
>
<
body
>
<
div
id=sub1></
div
>
</
body
>
</
html
>

转载地址:http://fcmxl.baihongyu.com/

你可能感兴趣的文章
Codeforces 832B: Petya and Exam
查看>>
axios链接带参数_VUE升级(全面解析vuecil3/vuecil4的vue.config.js等常用配置,配置axios)...
查看>>
vue warning如何去掉_详解vue组件三大核心概念
查看>>
qt mysql md5加密_Qt 给密码进行MD5加密
查看>>
用java swing做连连看_java基于swing实现的连连看代码
查看>>
java关键字定义字符变量_Java 关键字和标识符
查看>>
oracle12 se1和se2,小屏党的最终执念,12Mini和SE2,到底谁更值得入手?
查看>>
WebRequest 超时不起作用
查看>>
OpenGL 函数作用列表
查看>>
12篇学通C#网络编程——第四篇 TCP应用编程
查看>>
ASP.NET MVC的DropDownList
查看>>
B-tree vs hash_我思故我在_百度空间
查看>>
spring.net 结合简单三层实例
查看>>
phpcms(v9)添加模型
查看>>
LINQ 图解
查看>>
状态目标bfs+哈希表 + 三杯水
查看>>
MVC系统过滤器、自定义过滤器
查看>>
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现...
查看>>
管理管理器深度探索QT窗口系统---布局篇
查看>>
Jekyll – 基于纯文本的开源静态网站 & 博客系统
查看>>