ExtJs之Ext.core.DomQuery
2024-10-19 09:35:05
<!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>
最新文章
- MJRefresh简单处理
- NFS安装过程
- visual studio 2013 中常用的一些快捷键
- java Cache框架
- NSS_07 extjs中grid在工具条上的查询
- Web —— tomcat 问题解决
- 《Java并发编程实战》第十四章 构建自己定义的同步工具 读书笔记
- OGR API Tutorial
- 解决ajax get post方式提交中文参数乱码问题
- bzoj2809 [Apio2012]dispatching(左偏树)
- mysql 8.0 ~ 存储和账户
- Python正则表达式操作指南(转)
- JavaScript事件代理和委托
- 使用Axure设计中,大型的后台系统原型总结
- HDU 3577Fast Arrangement(线段树模板之区间增减更新 区间求和查询)
- spring security+cas(cas proxy配置)
- [leetcode] 10. Symmetric Tree
- day1 ORM
- 北航软院2015级C#期末考试部分考题讲解
- [洛谷P2511][HAOI2008]木棍分割