`

dojo 通过widgetid获取对象,dojo.query

    博客分类:
  • js
阅读更多

通过widgetid来获取dijit.from.Button对象:
var dialogBtn=dijit.byId(dojo.query(".dialogBtn",viewRootNode)[0].getAttribute("widgetid"))

 

 

TitlePane title加链接:
<div dojoType="dijit.TitlePane" open="false"  title="<a href='javascript:void(0);' >查询</a>"> 

 

注意dojoType与data-dojo-type的区别:

 

<div data-dojo-type="dijit.form.TextBox" data-dojo-props='name:"text"'></div>

 

关注Dojo以及前端技术:http://t.sina.com.cn/dojotoolkit

 

 

email验证:
var regExpEmail = new RegExp(dojox.validate.regexp.emailAddress(false));
        if(!regExpEmail.test(v)){
         return false;
        }
使用regExp,blur里验证,不要使用validator(每点击就执行一次)

 

 

传递this对象,可以在cancelOpenMobileBank 函数里调用this:

dojo.hitch(this,func)              func中的this,跟hitch传入的是一个对象

 

 

使用dojo.mixin给一个对象增加方法或者属性:

dojo.mixin(obj ,function)

 

 

常用的 dojo.query 用法:

 

var viewRootNode2= dojo.query(".body .sery .downbtn.disabledbtn")[0];

dojo.query("#header > h1")   //ID 为 header 的元素的直接子节点中的 h3 元素
 dojo.query("span[title^='test']")  // 属性 title 以字符串 test 开头的 span 元素
 dojo.query("div[id$='widget']") // 属性 id 以字符串 widget 结尾的 div 元素
 dojo.query("input[name*='value']")  // 属性 name 包含子串 value 的 input 元素
 dojo.query("#myDiv, .error") // 组合查询,结果中包含 ID 为 myDiv 的元素和 CSS 类为 error 的元素
 dojo.query(".message.info") // 同时包含了 CSS 类 message 和 info 的元素,注意两个类之间不包含空格
 dojo.query("tr:nth-child(even)") // 出现在父节点的偶数位置的 tr 元素
 dojo.query("input[type=checkbox]:checked") // 所有选中状态的复选框
 dojo.query(".message:not(:nth-child(odd))") // 嵌套子查询,选中包含 CSS 类 message,
                                              //并且不出现在父节点的奇数位置的元素

 

 

callback && typeof callback == "function" && callback.call(scope);

 

var dh2Pane=dijit.byId(dojo.query(".dhPane", this.viewRootNode)[0].id);
   dh2Pane.set("content","<p>我爱你!</p>");

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    dojo学习...........

    2. 引入Dojo核心库:通过`&lt;script&gt;`标签引入`dojo.js`,这是Dojo的基础文件,可能已经包含了部分常用模块。 3. 声明需要使用的模块:使用`dojo.require()`来引入所需的包或模块,确保它们在运行时可用。 Dojo为了...

    dojo create custome widget

    2. **声明Widget类**:使用`dojo.declare`函数声明一个新的Widget类。这个类通常会继承Dojo的内置Widget基类,如`dijit._WidgetBase`和`dijit._TemplatedMixin`,以获取基本的Widget功能和模板支持。 3. **定义属性...

    Dojo之Widget标签开发 - 我为人人,人人为我 - BlogJava

    1. **dojo.declare**: 这是Dojo用于创建类的函数,它允许我们定义一个基于其他类的新类。在Widget开发中,通常会声明一个新的Widget类,继承自Dojo的基础Widget类,如`dijit/_WidgetBase`。 2. **templateString或...

    Dojo 入门 + Dojo 工具包系列 + Dojo 使用技巧 ......

    在使用Dojo进行Ajax通信时,Dojo的`dojo.xhr`模块提供了与服务器端进行异步数据交换的接口。它可以处理各种HTTP请求类型,如GET、POST、PUT和DELETE,支持JSON、XML等多种数据格式,为开发者提供了统一的API。 Dojo...

    dojo精品中文教程(包一)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo精品中文教程(全)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo精品中文教程(包二)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    5. **dojo/Widget**:Dojo提供了丰富的UI组件,如按钮、表单、对话框等,它们都继承自`dojo/_base/widget.Widget`。开发者可以通过`dojo/_base/lang.extend`扩展自定义组件。 6. **dojo/Stateful**:这个基类提供了...

    dojo-release-1.1.1.tar.gz

    通过解压"dojo-release-1.1.1.tar.gz",你可以深入研究Dojo的源码,了解其设计思想和实现细节,这对于学习JavaScript编程、前端开发或提升Web应用性能都非常有帮助。同时,你还可以利用Dojo的强大功能来快速构建功能...

    Addison.Wesley.Dojo.Using.the.Dojo.JavaScript.Library.to.Build.Ajax.Applications.Jun.2008.pdf

    通过上述分析,我们了解到《使用Dojo JavaScript库构建Ajax应用程序》是一本详尽介绍如何利用Dojo库进行高效Web开发的专业书籍,对于希望掌握现代Web应用开发技术的读者来说,是一本不可多得的资源。

    dojo.js.uncompressed.js 1.4.2

    dojo.js.uncompressed.js 1.4.2dojo.js.uncompressed.js 1.4.2dojo.js.uncompressed.js 1.4.2

    dojo精品中文教程(包三)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    dojo-release-1.0.3-src.zip

    开发者可以通过dojo.require()引入需要的模块,如dojo.dom、dojo.event等,这在当时的JavaScript环境中是一个创新的解决方案,提高了代码的组织性和可维护性。 3. **Dojo的核心组件** - **dojo.js**:Dojo的核心...

    dojo常用方法总结

    - **`dojo.byId`**:根据ID直接获取页面中的单个元素。 ```javascript var element = dojo.byId("aa"); // 获取id为"aa"的元素 ``` - **`dojo.attr`**:用于获取或设置DOM元素的属性值。 ```javascript // ...

    Pragmatic.Bookshelf.Mastering.Dojo.Jun.2008.pdf

    1. **Dojo基础**:首先,读者会了解到Dojo的核心概念,如dojo.js加载器、dojo.declare用于类定义、dojo.connect用于事件处理,以及dojo.query用于DOM查询。这些基础知识是理解Dojo工作的关键。 2. **模块系统(AMD...

    dojo-release-1.9.0-src.zip dojo javascript库源码

    其`dojo/query`模块可以执行类似jQuery的选择器功能,通过简单的查询字符串即可轻松选取DOM元素。另外,`dojo/dom-geometry`提供了丰富的接口来获取和设置元素的几何属性,例如位置、宽高、边框等。这使得动态布局变...

    dojo-release-1.4.2-src.tar.gz

    1. **dojo目录**:这是Dojo的核心库,包含了各种模块、组件和工具,如dojo.js,提供核心功能如事件处理、Ajax通信、DOM操作等。 2. **dijit目录**:这是一个UI组件库,包含各种可复用的界面元素,如按钮、表单、...

    DOJO 学习笔记 dojo

    例如,`dojo.widget.*` 表示包含 Dojo小部件的所有模块,这些小部件是可复用的 UI 组件。当你声明需要使用某个包时,实际上是在要求加载该包下的所有模块。在 Dojo 中,使用 `dojo.require` 来声明所需的模块和包,...

    dojo对DOM树的关于byid() pdf格式

    其中,`dojo.byId()`方法便是Dojo中用于获取DOM元素的一个核心功能。 #### `dojo.byId()`方法详解 `dojo.byId()`方法在Dojo框架中充当了一个简化的`document.getElementById()`替代品,它不仅缩短了代码的书写长度...

    dojo中文文档-dojo手册

    Dojo的dojo.query方法类似于jQuery的选择器,用于选取页面中的DOM元素。此外,Dojo还提供了一套强大的DOM操作API,如dojo.create、dojo.destroy和dojo.style,使得在JavaScript中操作DOM变得简单易行。 在数据交互...

Global site tag (gtag.js) - Google Analytics