官方教程--查看文章
 
DomQuery的基础
发布时间:2008-3-6
  • 上一篇文章:
  • 下一篇文章:

  • 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&euml;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……

     


    ©2008 MyExt.cn
    本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.