
DOJO
zhigangsun
这个作者很懒,什么都没留下…
展开
-
掌握 Dojo 工具包,第 2 部分: XHR 框架与 Dojo
XmlHttpRequest 对象的思考在传统的以页面为单位的浏览器和服务器交互模式中,每一次服务器请求都会导致整个页面的重新加载,即使需要更新的仅仅是页面的一小部分(比如显示一个登录错误信息)。 Ajax 技术的出现给页面带来了一些变化,其中最直观的莫过于站点的页面上出现越来越多的“ loading …”,“正在加载中……”等提示信息,有些忽如一夜春风来,loading 加载处处开的意思。“转载 2013-10-22 16:43:59 · 617 阅读 · 0 评论 -
理解dojo.require机制
Dojo 提供了一个非常强大的javascript控件库. 在使用dojo之前,用户基本上不需要具备任何基础知识. 你可以用script远程链接到dojo(dojo.js), 也可以把dojo.js下载到本地并用script标签加载.如果你不太了解dojo, 可以参考一下如下资料:Dojo 1.4 Cheat SheetDojo Base Source Tree (1.4.3)Dojo转载 2014-03-25 14:05:32 · 488 阅读 · 0 评论 -
学习Ajax框架之dojo:第一节---ATF配置和Dojo实例资源
从查看源代码,分析代码,得到基本信息是需要学习Dojo的用法。这也算是一个小小的进步吧,最起码知道自己下一步的任务。不再穷白活,开始“学习Dojo之001”。 第一点,在这里最重要的莫过于环境的配置。在eclipse中配置ATF,这项工作对于eclipse初用者来说,艰巨更繁琐。大体步骤,参见http://blog.youkuaiyun.com/CrackCell/archive/2007转载 2014-03-25 13:46:29 · 585 阅读 · 0 评论 -
学习Ajax框架之dojo:第五节——dojo拖拽事件小结(附源代码)
在实际应用中,当拖拽动作开始或者结束的时候会进行一些相应的后天操作,这时就需要使用dojo的事件系统为拖拽事件添加事件处理函数。本文分别给出了基类dojo.dnd.DragSource和dojo.dnd.DropTarget的事件的用法,并附有源代码。 第一部分: 为一个元素增加拖拽效果时,需要建立一个类的实例。dojo针对不同的拖拽功能实现了dojo.dnd.HtmlDra转载 2014-03-25 13:49:02 · 411 阅读 · 0 评论 -
学习Ajax框架之dojo:第十节——Dojo的 Form Widget (附源代码)
在前面第八节学习了Dojo的layout widget,今天,我们学习Dojo widget的另一种类型——Form Widget。Form Widget是Dojo提供的一组用于表单处理的widget,包括的widget如下:1. Editor:Dojo的可视化富文本编辑器2. Checkbox:复选框3. CiviCrmDateTimePicker:日期、时间选择4. Col转载 2014-03-25 13:53:03 · 468 阅读 · 0 评论 -
学习Ajax框架之dojo:第十二节——Dojo的General Widget(下)(附源代码)
接学习Ajax框架之dojo:第十一节——Dojo 的General Widget(上),现在来看一下其他的widget的用法。 1. Fisheye:“鱼眼”动画效果Fisheye是一个比较特殊的动画效果,当鼠标靠近图标时,图标的尺寸会越来越大,最终达到如下的效果图: 引入FisheyeList包:dojo.require("dojo.widget.Fisheye转载 2014-03-25 13:55:24 · 434 阅读 · 0 评论 -
学习Ajax框架之dojo:第八节——Dojo的Layout Widget(附源代码)
Layout Widget包括以下几种widget:LayoutContainer,SplitContainer,TabContainer,AccordionContainer,ContentPane,TitlePane,Dialog,FloatingPane,WizardContainer、WizardPane。下面分别把他们的用法一一介绍下,并给出了示例。 第一种:LayoutC转载 2014-03-25 13:50:49 · 624 阅读 · 0 评论 -
学习Ajax框架之dojo:第十三节——如何编写自己的dojo widget
Dojo开发包本身提供了多种widget,它们涵盖了大部分在web开发中可能会使用的界面组件,如下拉菜单、树形菜单等,开发人员只需要在JavaScript代码中声明对特定widget的引用,就可以使用标记的方式在页面中加入widget。当然这些widget并不一定能完成满足实际应用的需要,开发人员也可以通过继承的方式在现有widget的基础上进行功能扩展。此外,在web应用中可能会有多处地方使转载 2014-03-25 13:44:36 · 603 阅读 · 0 评论 -
学习Ajax框架之dojo:第二节---Dojo的基本函数及使用实例(附源代码)
从网上搜集Dojo的相关材料,dojo的相关介绍总是让人望而生畏。第一个hello world就搞了一大堆东西,比如widget组件,自定义的script标签等,加上要引入什么css文件,djConfig、dojo.require等等,让人很迷惑。我根据网络中给出的实例,由于涉及的dojo包太多,加上我是初学者,最终也没有配置好,给我的感觉是一个字:“太乱”。这么复杂,到底dojo该怎么使用呢?转载 2014-03-25 13:47:12 · 629 阅读 · 0 评论 -
学习Ajax框架之dojo:第三节——dojo中xmlHttp的用法(附源代码)
在第二节中,介绍了简单的DOM操作方法,接下来该到Ajax的传统项目-xmlHttpRequest了。在使用xmlHttpRequest时,需要注意到编码的问题,要让dojo默认绑定为utf-8怎么办呢?很简单,只需要修改一下引入dojo.js时的标签: 下面,我们用实例来说明dojo中如何使用xmlHttpRequest。实例一:功能:简单的调用JSP页面的内容,转载 2014-03-25 13:47:49 · 439 阅读 · 0 评论 -
学习Ajax框架之dojo:第七节——初识Dojo widget(附源代码)
widget在越来越多的web应用中出现,那么,什么是widget?widget使用什么样的标记方式进行声明的呢?widget可以动态创建吗?widget有哪些常用的方法和属性呢?……这一系列的问题不由自主的浮现在脑海,下面,让我们来共同学习一下吧。学习一:widget的含义 widget的英文含义是装饰物或者小器具,有些技术文档将其译为小部件,在这里直接使用其英文名,以转载 2014-03-25 13:50:09 · 569 阅读 · 0 评论 -
学习Ajax框架之dojo:第六节——dojo类的声明和继承(附源代码)
Dojo通过dojo.declare方法实现类的声明和继承。首先,来看一下最简单的情况——如何使用dojo.declare声明一个类。接着,讲述了类如何实现继承和多继承。分两种情况讲述了如何正确的调用父类的方法。最后,给出了声明静态成员的方法。1. 类的声明 dojo.declare('my.classes.foo',null,{转载 2014-03-25 13:49:37 · 529 阅读 · 0 评论 -
Dojo入门:DOM操作
为一款功能齐全的js工具包,dojo提供了统一的DOM操作方法。dojo.byIddojo.byId 函数使您可以通过 id 属性选择一个 DOM 节点。该函数是标准 document.getElementById 函数的一个别名,但是显然简短易书写。 dojo.query虽然dojo.byId可以方便的根据id来获取一个DOM节点,但是根据id获取每一个元素几乎是不可能的,因转载 2013-10-22 16:38:03 · 687 阅读 · 0 评论 -
Dojo入门:dojo中的事件处理
JS为DOM添加事件在原生的环境下,为DOM添加事件处理函数有多种方法:input type="button" name="btn" value="点击…" id="btn" onclick="btnClick" />或者使用以下方法: input type="button" name="btn" value="点击…" id="btn" /> scrip转载 2013-10-22 16:39:23 · 658 阅读 · 0 评论 -
Dojo与jQuery综合比较分析
最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁,对一个项目来说肯定有个最适合它的工具库,用对了工具才能事半功倍。所以对项目经理或是技术总监来说,工程转载 2013-10-22 21:53:26 · 635 阅读 · 0 评论 -
Dojo入门:初识Dojo
Dojo的全称是Dojo Toolkit,始创于2004年,是当前各种蓬勃发展的JS工具包中的佼佼者。Dojo 为富互联网应用程序(RIA) 的开发提供了完整的端到端的解决方案,包括核心的 JavaScript 库,简单易用的小部件(Widget)系统和一个测试框架,此外,Dojo 的开源开发社区还在不停地为它提供新的功能。 Dojo特性Dojo Toolkit 的特性可以分到 4 个转载 2013-10-22 16:33:13 · 787 阅读 · 0 评论 -
Dojo入门:增强的Ajax功能
随着Web技术的发展,RIA似乎已经成了主流,Ajax也随之成了不可或缺的部分。Ajax是异步的javascript和Xml,虽然现在很多交互的数据格式都不再严格的采用XML,但这种异步的操作却越来越流行了。目前主流的JS工具包都包含了Ajax的功能,dojo也有自己的Ajax框架XHR。XHR框架XHR框架是dojo对ajax支持的一组方法,允许想服务器端发出get、post、put、d转载 2013-10-22 16:40:00 · 566 阅读 · 0 评论 -
从头开始学习 Dojo,第 1 部分: 开始 Dojo 开发
Dojo Toolkit 简介jo Toolkit 简介Dojo Toolkit 简介Dojo 于 2004 年创建,使开发 DHTML 和 JavaScript web 应用程序开发流程更为容易,隐藏了很多现代 web 浏览器中普遍存在的跨浏览器矛盾。这使重点放在实现功能上,而不是调整代码使其在每个浏览器上运行。Dojo 属于 Dojo 基金会,该基金会是 Russell 和 D转载 2013-10-22 16:42:51 · 865 阅读 · 0 评论 -
学习Ajax框架之dojo:第四节——Dojo拖拽效果的实现(附源代码)
Dojo在dojo.dnd包中提供了对页面元素拖拽效果的支持,其中用于实现拖拽效果的关键类如下。 dojo.dnd.HtmlDragSource dojo.dnd.HtmlDragMoveSource dojo.dnd.HtmlDropTarget dojo.dnd.HtmlDragCopySource 接下来,看看这四个类的使用方法转载 2014-03-25 13:48:27 · 433 阅读 · 0 评论 -
dojo的包加载机制
1、前言 dojo利用ajax技术,基本实现的按需要下载js文件,估计与国内jsvm有类似功能(jsvm好久没关注了,不好乱说)。 a、类库开发人员可以在dojo基础上开发自己的javascript类库。(dojo提供的够多的了,并不断扩大) b、可以按照每个页面的需要,加载有限的类库。 c、提供了很好的package机制。与java不同,采用dojo的包机制有转载 2014-03-25 14:03:55 · 1143 阅读 · 0 评论 -
学习Ajax框架之dojo:第九节——详谈FloatingPane widget (附源代码)
前面的第八节,讲述了Dojo widget的 用于页面布局的layout widget。其中,layout widget包括九种widget。 第八节只是举例说明了这九种widget的用法,并没有深入。随着,不断的学习和应用,对每一种widget都有了更深入的了解。在本小节,通过实例重点说明一下FloatingPane widget 的用法。 第一部分,FloatingPane widge转载 2014-03-25 13:51:34 · 802 阅读 · 0 评论 -
学习Ajax框架之dojo:第十一节——Dojo 的General Widget(上)(附源代码)
General Widget 是Dojo提供的一组通用的widget,每一种General Widget 实现的功能都相对独立。下面我们来看看都是什么样的widget吧。1. Tree:树形菜单在讲解Dojo的Layout Widget的AccordionContainer时,已经介绍并使用过Tree了,有兴趣的朋友可以参看学习Ajax框架之dojo:第八节——Dojo的Layout转载 2014-03-25 13:54:09 · 475 阅读 · 0 评论