ExtJs之Ext.query

最新推荐文章于 2020-09-09 09:38:09 发布
最新推荐文章于 2020-09-09 09:38:09 发布
阅读量183 收藏
点赞数
文章标签： javascript ViewUI 
<!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: '300px',
          html: "<div id='div1' property1='pro1' style='height:200px'><div id='01' property1='pro1'>myid is sub3</div><div id='02'>/<div></div>"
        });
        var el = Ext.query("#div1");
        var targetD = Ext.query('div[property1=pro1]');
        if (el.length>0 || targetD.length>0){
          Ext.Msg.alert("notice", "取得了" + el.length + "个DIV的ID为'div1'的节点<br>" + "取得了" + targetD.length + "个类型为div<br>具备属性property1且其值为pro1的节点");
        }
      });
    </script>
</head>
<body>
<div id=sub1></div>
</body>
</html>

　　

weixin_34162401
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【C++代码】快速排序
WYuan的博客
04-01 523
// 快速排序 void quick_sort(vector<int>& a, int low, int high) { if (low >= high) { return; } auto pos = partition(a, low, high); // 取一个基准元素，将元素分为小于基准元...
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
10-28
想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query...
extjs-query（组件，dom）
香酥蟹的博客
01-06 823
1、在自己extjs前端开发的过程中常常用到就是组件的查找，找到后就很方便对组件进行操作，所以就在此自己总结了一些组件查询的方法。 2、还有一些dom的查找方法，意义之一：就是对页面文字的修改，当然会有其他用途了。Ext.onReady(function(){ Ext.define('form',{ extend : Ext.form.Panel, titl
Extjs4学习笔记-选择器Ext.DomQuery
01-25 290
1.选择器的作用         选择器的作用是通过元素的标签名、属性名、CSS属性值对页面进行快速、准确的定位以及选择   2.使用Ext.query选择页面元素     Ext.query(path[, root, type]);            path：查询使用的选择符或xpath          root：查询开始的节点或节点id。如果不设置，默认documen...
ext query
机场信息系统研究员的专栏
06-23 4012
第一部分：元素选择符Selector// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。 Ext.query("span"); // 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。 Ext.query("span", "foo");// 这个查询会返回包含我们foo div一个元素的数组！ Ext.query("#foo");/*这个查询会返回有一个元素的
精通JS脚本之ExtJS框架.part2.rar
03-02
6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...
精通JS脚本之ExtJS框架.part1.rar
03-02
6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...
EXTJS总结.txt
10-13
Ext.query('div:nth-child(2)'); 23.child 基于送入的选择符，不限定深度进行搜索，符合的话选取单个子节点。 Ext.fly('elId').child('p.highlight'); // 返回的类型是Ext.Element Ext.fly('elId').child('p....
ExtJS中文手册.pdf
10-24
`Ext.query('.className')`获取具有特定类名的所有元素。 - **响应事件**：EXT提供了简洁的事件处理机制。例如，可以通过`on`方法为DOM元素绑定事件监听器：`Ext.get('button').on('click', function() { /* 处理...
ext-theme-stratum:ExtJS 5+ 主题，从 Crisp 主题扩展而来，具有现代字体和中性色
05-30
外主题层 从 ext-theme-crisp 扩展而来的 ExtJS 5 主题。 建造 此存储库仅涵盖此包（主题）的部分，因此为了构建主题，必须有一个包含主题的工作区（打包为“ext-theme-stratum”）。 demo-workspace ├───ext ├───packages │ └───ext-theme-stratum └───... 有关此过程的更详细说明应在此处记录。 有关更多信息，请参阅 。 ###先决条件 煎茶命令 >=5
Ext.get() 和 Ext.query() 组合使用 实现 最灵活的取元素方式
java技术专栏
12-16 99
想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合方式。 前面写的get()和query()我都省略参数了，先看看文档中的函数原型： Ext.g...
extjs - Ext.DomQuery详解
icewizardry的专栏
12-11 2294
Ext.DomQuery,根据编译请求提供高效的将选择符 / xpath 处理为可复用的函数的方法。可以添加新的伪类和匹配器。该类可以运行于 HTML 和 XML 文档之上（如果给出了一个内容节点）。 简单的说就是选择器。DomQuery的核心方法就是：CSS选择器和XPath语法。DomQuery支持4种选择器：元素选择器、属性选择器、伪类、CSS选择器。1.元素选择器var el = Ext.
Ext 核心 API -- Ext.query
hck341204的专栏
05-29 244
[b]query( String path, [Node root] ) : Array 通过path,在root中选择节点数组,path可以是以下四种选择器之一[/b] [b] 1、元素选择符Selector [/b] ★// 这个查询会返回所有span标签组成的数组。 Ext.query("span"); ★// 这个查询会返...
Ext2的基础知识学习
天青色等烟雨
06-27 154
一、事件监听： 匿名方式：             Ext.onReady(function(){                 Ext.get('myButton').on('click',function(){                      alert('you click this button');                  })            }); 或者...
extJS的DomQuery基础
neverloser
05-21 264
&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="../js/firebug/firebug.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascri
Ext的select与query方法
qqxixqq的博客
09-09 636
Ext的select与query方法 1.select方法 Ext.select(string selector) 返回：Ext.compositeElement 举个栗子： var list = Ext.select('span'); Ext.Array.each(list.elememts,function(el){ console.log(el.innerHTML); }) 2.query方法 Ext.query(string path,[HTMLElement root],[string
Ext.query选择器的一些用法
weixin_33892359的博客
01-01 236
from:http://blog.csdn.net/lejuo/article/details/6563056 ext query 2011-06-23 11:44162人阅读评论(0)收藏举报 第一部分：元素选择符Selector // 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。 Ext.query("...
xtype : 'button', // handler是对首要Event的响应函数 //handler : function() {} 添加事件！ handler : function(button, event) { var params = [], params2, tool = button .up('toolbar'), dates = tool .query('datefield'), ymd = tool .down('#YMD').getValue();deptid = 1; params.push(dates[0].getRawValue()); params.push(dates[1].getRawValue()); params.push(deptid); params.push(ymd); params2 = 100000;// 导出数据的最大条数 Ext.Msg.confirm('删除', '数据导出最多十万条，您确定导出吗？', function(yn) { if (yn == 'yes') { Ext.Msg.wait('提示', '正在保存数据，请稍候！'); DxUtils.getIndexDataExcel( params, me.mothed, 0, params2, function(d) { if (d.length > 0) { var filename = d; var downloader = me .down('#downFile'); downloader .load({ params : { filename : filename }, url : 'export2007' }); Ext.Msg.hide(); Ext.Msg .alert( '提示', '导出数据成功！'); } }); } }); }, width : 80, iconCls : 'excel', text : '导出全部', id : 'exportExcel69', disabled : true
最新发布
03-24
这段代码还使用了ExtJS中的布局容器，例如up()和down()来获取父容器或子容器，并使用query()方法来查找某种类型的子组件。最后，这段代码使用一些变量来记录组件的状态或参数，以便在事件处理函数中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值