随笔分类 -  Dojo控件(dijit)

Dojo 1.7 Dialog和ToolTip 教程
摘要:原文:http://dojotoolkit.org/documentation/tutorials/1.7/dialogs_tooltips/原文作者:David Walsh译者:Elaine LiuDojo 1.7 难度级别:初级用户交互是构建富客户端网络应用的第一要素。浏览器提供了alert和对话框作为基本的用户交互方式,但这些基本的交互非常简陋并且不够灵活。因此,Dijit,这个Dojo工具包提供的用户界面框架,提供了由dijit/Tooltip, dijit/Dialog, 以及dijit/TooltipDialog等widget在内的一系列跨浏览器的,可扩展的,可定制主题的控件,来弥 阅读全文
posted @ 2012-05-29 10:11 springside5 阅读(1223) 评论(0) 推荐(0)
富互联网应用程序中多个构件之间的通信
摘要:原文:http://www.sitepen.com/blog/2011/11/07/communicating-between-widgets-in-a-rich-internet-application/作者:Ken Franqueiro译者:Liu Yang (fdliuyang@gmail.com)作为我们十月(译者注:2011年)份举行的免费Dojo 支持活动的一部分,我们收到来自Manu Subramanian提出的关于如何在富互联网应用程序中管理多个不同控件之间通信的如下问题:我们正在用dojo构建一个应用。它的有多个互相关联的界面组件。例如,页面顶部有一个包含多个下拉按钮的工具条 阅读全文
posted @ 2012-03-14 23:35 springside5 阅读(148) 评论(0) 推荐(0)
Dojo树使用心得
摘要:感谢reedseutozte的投稿,一篇关于dijit.Tree的使用方法介绍,非常好的文章,也很能体现出Dojo的核心设计思想。作为最常用的一个控件,相信这篇文章能帮助到很多同学。再次感谢reedseutozte,为Dojo中文博客带来了第一篇投稿文章:)概述Dojo的dijit.tree的代码结构完全遵循MVC结构,结构非常严谨:M:model使用了dojo基础包提供的dojo.data.itemFileReadStore(只读)或者dojo.data.itemFileWriteStore(可读写)。Tree并不直接使用Store而是通过dijit.tree.TreeStoreModel这 阅读全文
posted @ 2012-01-16 14:45 springside5 阅读(891) 评论(0) 推荐(0)
Dojo interest邮件列表八月Q&A精选
摘要:Dojo interest list是全球Dojo用户分享经验、交流心得、提出需求、甚至向开发者报告bug的平台。经常去那儿逛逛能使人受益匪浅,当然一定的E文功底还是少不了的。这里精选了10篇八月份技术类的Q&A帖,希望对大家有用:如何使用自动完成?如何对使用formatter的grid列排序?如何获取通过href加载的ContentPane中的widget引用?如何用JSON对象填充ComboBox?如何只导出grid的一部分列?如何将grid中可编辑单元格的改动手动应用到store?能够在FilteringSelect中应用自定义的CSS样式吗?何时使用FilteringSelec 阅读全文
posted @ 2011-08-30 13:12 springside5 阅读(108) 评论(0) 推荐(0)
dojo 1.6 官方教程: 手把手教你创建HTML5 JavaScript 动画特效
摘要:在本教程中我们将会探索Dojo工具包提供的JavaScript特效,这些特效将给你的页面和网站创造酷炫的效果!难度: 初学者所需Dojo版本: 1.6作者: Bryan Forbes译者: feijia (tiimfei@gmail.com)在前面的一系列教程中,我们已经学习了如何使用并操作DOM节点,处理DOM事件。但是当我们在对DOM节点进行操作时,有些转换会显得突兀:例如删除一个节点,在用户看来它就会在页面上突然消失,有时这种页面上的突然变化会误导用户。使用Dojo提供的特效工具,我们可以构建出更加连贯的用户体验,并且让我们的应用程序显得更加精致和完美。如果我们进一步使用dojo.fx包 阅读全文
posted @ 2011-08-26 16:12 springside5 阅读(217) 评论(0) 推荐(0)
Dojo 1.6 官方教程: 创建自定义Dojo小部件(Widget)
摘要:在这个教程中,我们将会演示如何利用Dojo 和Dijit框架来创建自定义的小部件。 主要会使用到dijit._Widget 和dijit._Templated 基类和mixin。对dijit框架的基础知识,可以参看前两篇教程 难度:中等适用Dojo版本: 1.6作者:Brian ArnoldBrian Arnold is a software engineer at SitePen, Inc. He has a lovely wife, two cute dogs, is an active member of (and presenter at) Webuquerque, and ranks 阅读全文
posted @ 2011-08-15 12:37 springside5 阅读(176) 评论(0) 推荐(0)
Dojo 1.6 官方教程: 理解Dijit Widget系统的基础架构
摘要:作者: Tom Trenka原文链接: http://dojotoolkit.org/documentation/tutorials/1.6/understanding_widget/译者: feijia (tiimfei@gmail.com)本教程中,你将会学到Dijit中的_Widget和_WidgetBase这两个重要的基类对象,理解它们作为所有Dojo小部件的基类的作用和功能。 难度:中等适用Dojo版本: 1.6创建Dijit (dojo的小部件库) 和自定义小部件的基础,是由两个基类构成的: dijit._widgetBase和 dijit._Widget. 当然Dijit系统还包 阅读全文
posted @ 2011-07-12 15:07 springside5 阅读(211) 评论(0) 推荐(0)
Dojo 1.6 官方教程翻译:创建基于模板的小部件(Widget)
摘要:创建 基于模板的小部件(Widget)作者:Tom Trenka原文链接:http://dojotoolkit.org/documentation/tutorials/1.6/templated/译者: feijia (tiimfei@gmail.com)在本教程中,你将学到Dijit 的重要组成部分模板系统:Dijit._Templated ,以及如何使用模板来快速创建自己的小部件难度: 中等, 使用Dojo 版本: 1.6Dijit (Dojo的小部件库)提供的_Widget 和_WidgetBase基类为开发小部件提供了完整的基础类,但是_Templated 基类的所引入的模板系统则使D 阅读全文
posted @ 2011-07-04 14:57 springside5 阅读(287) 评论(0) 推荐(0)
Dojo1.6新特性概览
摘要:作者:Siqi (siqi.zhong@gmail.com)简介: Dojo 1.6正式版发布已近满月,​无论是在功能还是稳定性上,都取得了不小的进步。新引入的AMD规范也让Dojo紧跟Ajax库的规范化的步伐。 下面就让我们来看一下Dojo 1.6中又有什么让人眼前一亮的新内容呢? 1. 概述 Dojo 1.6 支持以下浏览器: Firefox 3.6 Safari 4/Safari 5 和 Chrome 8 IE6, IE7, IE8 Opera 10.50 和更高的版本 (仅适用Dojo core) 可以看到,与Dojo 1.5略有不同的是,随着Firefox 3.6的普及, Dojo 阅读全文
posted @ 2011-04-25 13:26 springside5 阅读(320) 评论(0) 推荐(0)
Dojo 1.6 新特性: 异步模块加载机制AMD
摘要:本文翻译自: Asynchronous Modules Come to Dojo 1.6原作者: Kris Zyp翻译: feijia在最新的1.6 版本中,Dojo(Core) 和Dijit 已经进行了代码重构首次引入了符合CommonsJS AMD API规范的异步模块加载机制(AMD)模块的兼容性通过重构,现在Dojo的模块已经完全和下列框架兼容:RequireJSNodules, Node.js 的一个子项目用来处理模块加载Backdraft Framework, Dojo未来的模块加载器的主要候选框架之一以及所有其他符合AMD规范的模块装载器灵活性, 性能提升 和 堆栈状态这次重构给 阅读全文
posted @ 2011-02-21 15:59 springside5 阅读(236) 评论(0) 推荐(0)
创建并增强Dojo类
摘要:创建并增强Dojo类——译自http://www.sitepen.com/blog/2010/07/01/creating-and-enhancing-dojo-classes/ 原作者David Walsh像所有一流的JavaScript工具包一样,Dojo致力于将类做得尽可能灵活,因为它知道不同的用户可能对一个类及其方法是如何工作的抱有完全不同的看法。幸运的是,Dojo提供了大量的方法使您能够继承或修改类。现在我们就来研究其中的一些方法,它们可以让你随心所欲地摆弄Dojo类。创建Dojo子类创建Dojo类或子类的一个典型方法是用dojo.declare。dojo.declare把类注册到你 阅读全文
posted @ 2010-09-19 09:34 springside5 阅读(127) 评论(0) 推荐(0)
认识Dojo中的表单:Form
摘要:认识Dojo中的表单:Form正如“认识Dojo中的界面控件”一文中提到的,Dijit库提供了一整套极其强大且灵活的基于Dojo的小部件(Widget),帮助你很方便地增强Web应用的界面和功能。这些小部件包括下拉菜单、弹出菜单、对话框、页面布局、树、进度条、以及表单元素。很显然Dijit让这些控件变得很漂亮,但本文所关注的是它们增强的功能,尤其是对一个基本表单在可用性和有效性方面的增强。Dijit实现的快速回顾要在一个页面中使用Dijit所要做的第一件事情就是引入Dojo:<script src="http://ajax.googleapis.com/ajax/libs/do 阅读全文
posted @ 2010-08-26 15:01 springside5 阅读(386) 评论(0) 推荐(0)
认识Dojo中的界面控件:Dijit
摘要:Dojo框架区别于其他Ajax框架的一个显著特征就是它的界面控件系统:Dijit。Dijit是Dojo中界面控件的总称,他们使用灵活而且易于理解。每个Dijit控件都是由Dojo类以及控件中使用的图片,CSS等资源文件共同组成。通过Dijit架构,可以方便的创建灵活、可扩展、可定制外观的控件。下面将逐步介绍如何创建、配置Dijit控件,从而将其用在自己的web应用中。开始使用Dijit:引入需要的类和资源前面提到Dijit的组成中除了Dojo类,还有图片和CSS。这些外观是通过Dojo框架的主题来提供的,Dojo包含了4个主题,分别是:nihilo, soria, tundra和claro,其 阅读全文
posted @ 2010-07-23 16:21 springside5 阅读(451) 评论(0) 推荐(0)