DomQuery基础
DomQuery的select函数有两个参数。第一个是选择符字符(selector string
)而第二个是欲生成查询的标签ID(TAG
ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。
这是要入手的html:
<html>
<head>
<script type="text/javascript" src="../js/firebug/firebug.js"></script>
</head>
<body>
<script type="text/javascript" src="../ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-core.js"></script>
<div id="bar" class="foo">
I'm a div ==> my id: bar, my class: foo
<span class="bar">I'm a span within the div with a foo class</span>
<a href="http://www.extjs.com" target="_blank">An ExtJs link</a>
</div>
<div id="foo" class="bar">
my id: foo, my class: bar
<p>I'm a P tag within the foo div</p>
<span class="bar">I'm a span within the div with a bar class</span>
<a href="#">An internal link</a>
</div>
</body>
</hmlt>
第一部分:元素选择符Selector
假设我想获取文档内所有的“span”标签:
// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。
Ext.query("span");
// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。
Ext.query("span", "foo");
注意刚才怎么传入一个普通的字符串作为第一个参数。
按id获取标签,你需要加上“#”的前缀:
// 这个查询会返回包含我们foo div一个元素的数组!
Ext.query("#foo");
按class name获取标签,你需要加上“.”的前缀:
/*这个查询会返回有一个元素的数组,
包含与之前例子一样的div但是我们使用了class name来获取*/
Ext.query(".foo");
你也可以使用关键字“*”来获取所有的元素:
// 这会返回一个数组,包含文档的所有元素。
Ext.query("*");
要获取子标签,我们只须在两个选择符之间插入一个空格:
// 这会返回有一个元素的数组,包含p标签的div标签
Ext.query("div p");
// 这会返回有两个元素的数组,包含span标签的div标签
Ext.query[1] [2] [3] [4] [5] [6] 下一页
[官方教程]ExtJs:函数的原型扩展 (未知,01-10)在JavaScript中,函数是可以带有方法的对象。Ext库提供的扩展会对Function对象——包括内建的函数、你定义的函数,这些都会继承。添加这些的方法能方便地绑定函数到特定的作用域。 Contents[hide]1 作用域的重要性 2 委托和回调 2.1 createDelegate 2.2 ……
[官方教程][组图]Sencha Touch:新的Touch Web App重量级框架 (myext,07-06)在几天前,著名的JavaScript框架ExtJS宣布,将现有ExtJS整合JQTouch和Raphaël库,推出适用于最前沿 Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS也正式更名为Sencha。……
[官方教程]制定自己的EXT版本 (佚名,03-06)
入门
有几种方案可制定Ext,制成裁减过的版本输出。而且这是至关重要的,为什么呢?
只需包含你所需的文件,减少部署时文件过大的开销。你可缩小源码大小,也是部署时的重要一环。如果你是技术支持用户 有一个可用的SVN访问,你可在开发阶段中创建一个中间临时的版本,用于测试、试用新功能和官……
[官方教程]ExtJs:如何合理地规划一个应用程序 (未知,01-10)事前准备 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。 需要些什么?除ExtJS库本身外,我们还需要两个文件: applayout.html applayout.js 先看看一……
[官方教程]ExtJs:Grid组件初学 (未知,01-10)本文涉及的范例代码,可以在 这里下载。一个有效的例子可在 这里找到。Contents[hide]1 步骤一 定义数据(Data Definition) 1.1 单行的XML样本数据 2 步骤二 列模型(Column Model) 2.1 列模型样本 2.2 进行渲染! if (window.sho……