GridX简介 Gridx是IBM公司的职员对Dojo中的Grid进行进一步扩展的组件,但是它是重新开发了Grid而不是继承Grid. 虽然同样都是基于Dojo store, 但与DataGrid/EnhancedGrid相比,Gridx有一套完全不同的架构.它有以下特点: Gridx采用了一套与UI无关的内核来处理所有的表格数据的逻辑操作. Gridx采用了一套灵活的模块化系统,它与基于plugin的EnhancedGrid架构不同,这种模块化架构不仅能提配置各种表格特性的灵活性,并且当一些功…

在使用gridx时,如果要使用jsonrest,主要的工作主要是在服务端,服务端在返回数据时,必须在返回头里添加Content-Range: 0-9/73 属性和值,其中0表示从第0条记录开始,9表示第10条记录,73表示共查询到73条记录,这和客户端当前的分页情况对应,如果客户端的grid的当前分页情况是每页25条记录,当前是第2页,那么返回的值为25-49/73.…

一.Maqetta简介 Maqetta是IBM开发的一个创建桌面和移动用户界面的HTML5设计编辑工具.该项目已经捐助给开源机构Dojo基金会.Maqetta提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面,一般可用于原型设计.Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载.用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求. 二.通过源码运行Maqetta 1.安装与配置eclip…

1. 表格的加载显示 function CreateGrid() { var store = new dojo.store.Memory({ data: [ { id: 1, UserName: "User1", Password: "123abc", col4: "编辑" }, { id: 2, UserName: "User2", Password: "123abc", col4: "编辑&q…

因为工作刚接触到dojo框架,网上找各种资料,发现很少很少(大多是以前的),只能看官网学习了,英文不行,一边翻译一边学习,还能学点单词...呵呵 我在Apache下运行Dojo demo,初学,希望有理解不对的地方指点指点... 一.先总的来认识一下dojo的工具包: ①dojo dojo框架的核心包.dojo里普遍实用的软件包.模块都在里面,如:Ajax.DOM操作.类编程.事件.异步Promises.数据存储.拖放以及本地化与国际化等... ②dijit 小部件框架和内建的小部件集. ③do…

现在是西太平洋时间凌晨,这个问题我鼓捣了一天,都没时间学英语了,英语太差,相信第二天我也看不懂了,直接看结果就行. 核心原理就是require在AngularJs2编译过程中是关键字,而在浏览器里面运行时候AngularJs2不会去关心require方法.所以只要在原始的ts代码中不出现require就没问题.所以在AMD的加载器加载完毕之后,立即用一个全局变量保存,在AngularJs2的代码中使用这个全局变量在做加载器. Because require is a key word of An…

最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD.相同的选择器 引擎Sizzle等.作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者.不过正所谓一把钥匙开一把锁,对一个项目来说肯定有个最适合它的工具库,用对了工具才能事半功倍.所以对项目经理或是技术总监来说,工程开始前的技术选型是关键一步,本文将对Dojo和 jQuery最新版本进行一个综合比较,重点在于区分两…

  1.Dojo学习地址 2.Dojo快速开始 2.1.Dojo引入 2.2.指定Dojo模块的位置 2.3.模块加载require 3.查找Dom节点 3.1.根据id查找dom节点 3.2.根据css选择器查找dom节点 3.3.根据id查找widget 4.Event 注册监听器 5.声明式使用Dojo 1.Dojo学习地址 Dojo 下载: http://dojotoolkit.org/download/ Dojo参考文档 http://dojotoolkit.org/reference…

使用dojo源代码 1.下载Dojo 2.dojo目录结构如下 demo/ myModule.js dojo/ dijit/ dojox/ util/ hellodojo.html 3.引入dojo.js <script src="dojo/dojo.js"></script> 4.配置dojo配置 var dojoConfig = { async: true, baseUrl: '.', packages: [ 'dojo', 'dijit', 'dojox'…

Dojo 提供了一个非常强大的javascript控件库. 在使用dojo之前,用户基本上不需要具备任何基础知识. 你可以用script远程链接到dojo(dojo.js), 也可以把dojo.js下载到本地并用script标签加载. 如果你不太了解dojo, 可以参考一下如下资料: Dojo 1.4 Cheat Sheet Dojo Base Source Tree (1.4.3) Dojo Reference Guide 大体上,dojo.js和jquery.js 或者 prototype…

var store = new mydata.JsonRestStore({ target: "<%=ResolveUrl("~/uieditserver.ashx")%>" }); typestore = new mydata.JsonRestStore({ target: "<%=ResolveUrl("~/uieditserver.ashx") %>", labelAttribute: "…

AMD原理等在这里就不进行说明了,作者也是菜鸟一枚,只是对自己的一个实例进行说明,如有错误,望指出. 首先,先推荐一篇AMD方面的文章,有兴趣的可以参考:http://efe.baidu.com/blog/dissecting-amd-what/ 接下来便是我自己的实例了: 1.模块化编程,则需要先有个模块了,而模块便是由HTML与js结合成的,在widget目录下,定义一个待编辑模块目录: HTML内容如下: <div id="mapType-wrapper" class=&q…

学习:Dojo入门简易教程 Dojo Toolkit 简介 Dojo 于 2004 年创建,使开发 DHTML 和 JavaScript web 应用程序开发流程更为容易,隐藏了很多现代 web 浏览器中普遍存在的跨浏览器矛盾.这使重点放在实现功能上,而不是调整代码使其在每个浏览器上运行.Dojo 属于 Dojo 基金会,该基金会是 Russell 和 Dylan Schiemann 于 2005 年创建的.Dojo 是一个开源软件(OSS),有双重许可,Academic Free Licens…

require(["dojo/dom", "dojo/domReady!"], function(dom){ dom.byId("helloworld").innerHTML = "Hello New World!"; }); The sharped eyed among you will notice that there is a "module" in the requirement array th…

DOJO的官方站点http://dojotoolkit.org/ DOJO是一套完整的javascript解决方案,从UI到类库都提供了全覆盖的支持. DOJO是一套很重的框架,在运用到项目中前请谨慎考虑. 很早前便听到了DOJO的大名可惜在国内似乎DOJO一直处于不温不火的位置,可能和DOJO的学习资料较少有关. 最近决定抽空好好的学习一下,正好整理下自己的学习心得与大家分享一下. 本系列将以分析WebDatabaseTool项目为起点,逐步学习DOJO的一个过程. WebDatabaseTo…

dojo的类机制支持类声明.继承.调用父类方法等功能.dojo在底层实现上是通过操作原型链来实现其类机制的,而在实现继承时采用类式继承的方式.值得一提的是,dojo的类机制允许进行多重继承(注意,只有父类列表中的第一个作为真正的父类,其它的都是将其属性以mixin的方法加入到子类的原型链中),为解决多重继承时类方法的顺序问题,dojo用JavaScript实现了Python和其它多继承语言所支持的C3父类线性化算法,以实现线性的继承关系,想了解更多该算法的知识,可参考这里,我们在后面的分析中将会…

In this tutorial, we will be exploring dojo/on and how Dojo makes it easy to connect to DOM events. We will also explore Dojo's publish/subscribe framework: dojo/topic. 在本教程中,我们将会探讨dojo/on模块,使用该模块可以更简单的关联DOM事件.我们也会探讨dojo的publish和dubcribe框架:dojo/topic…

In this tutorial, we will learn about DOM querying and how the dojo/query module allows you to easily select nodes and work with them. 在本教程中,我们将学习DOM查询,并且使用dojo/query模块,更容易的选择几点,并完成相关操纵. Getting Started 开始 When working with the DOM, it's important to…

http://dojotoolkit.org/documentation/tutorials/1.10/effects/index.html In this tutorial, we will explore the effects that Dojo provides, which allow us to jazz up your page or application! 在本教程中,我们会探索dojo提供的特效功能,这可以使我们的Web页面或应用更加生动活泼. Getting Started…

In this tutorial, you'll learn about how to use Dojo to manipulate the DOM in a simple, cross-browser way. Using basic DOM knowledge and only a few Dojo functions, you will be able to efficiently create, read, update and delete elements in the page o…

http://dojotoolkit.org/documentation/tutorials/1.10/start/index.html 我怎么开始学习DOJO?文档在哪?我如何获取支持和培训?我应该是用DOJO的哪个版本?为什么我必须使用Web服务?我该如何避免常见的错误?我该如何提交问题?我应该如何为dojo贡献自己的力量,加入开发者团队?这些问题和答案在本教程都会介绍. 资料 The Dojo web site offers 3 primary documentation sections…

http://dojotoolkit.org/documentation/tutorials/1.10/modern_dojo/index.html 你可能已经不用doio一段时间了,或者你一直想保持你基于dojo1.6的老代码在1.10下能够正确运行,但却不知道应该怎么做.你一直在听说“AMD”和"baseless"等概念,但却不知道如何开始学习这些,这篇教程会帮你了解这些. 开始 从dojo的1.7版本开始,dojo Toolkit有了重大的变化,并朝着更加先进的架构模式发展.do…

今天dojo grid编辑小问题,找了半天才找到问题, 1.问题 2.原因 数据单元没有索引列->id 3.修改前代码 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Demo: Editing in a Grid</title> <link rel="stylesheet"…

使用BorderContainer和ContentPane实现布局 1.效果图如下: 2.HTML代码: <div id="appLayout" class="demoLayout" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design: 'headline'"> <div class="edgePanel&quo…

今天介绍dojo目录树的效果,效果如下图: HTML代码如下: <body class="claro"> <div id="rootlessTree" data-dojo-type="dijit/Tree"></div> </body> Js代码如下: require([ "dojo/dom", "dojo/json", "dojo/store/Me…

一.dojo/dom    该模块定义了Dojo Dom API,主要有以下几种用法:    1.dom.byId();(相当于document.getElementById())    ①最直接的用法:    require(["dojo/dom"], function(dom){        var node = dom.byId("someNode");    });    ②它是domNode,可以继续操作属性(也就是可以直接后面"."…

原文地址:http://www.infoq.com/cn/articles/wq-dojo-data-store 无论在传统的桌面应用还是在主流的互联网应用中,数据始终占据着软件应用中的核心地位.当下,web2.0已经是一个让人们耳熟能详的词汇,而由此 带来的数据的开放与共享,引领我们走入了海量数据时代.在今天的互联网上,数据的交互几乎成为了我们的终极诉求,可随之而来的数据多样性,信息的分布式存 储及松耦合,以及数据量的几何级规模的膨胀也带来了数据组织上的难度的增大,与此同时,伴随着Ajax,…

欢迎转载opendevkit文章, 文章原始地址: http://www.opendevkit.com/?e=57 declare接口是dojo定义类系统的关键函数, 类系统就是抽象,封装,继承.dojo用javascript的prototype实现继承, 用mixin实现派生, javascript一切都是函数, 这本身就是高度抽象.巧妙的地方在于: 对于一个类, 有构造函数和类名字, 实际上构造函数是用户自定义的函数, 类名字也是用户自定的, 怎么实现用户使用new操作符的时候, 构造整个对…

dojo/_base/lang模块是一个工具模块,但几乎用dojo开发的app都会用到这个模块.模块中的方法能够在某些开发场景中避免繁冗的代码,接下来我们一起看看这些工具函数的使用和原理(仅仅是原理的实现,并非是dojo中的源码). lang.mixin(dest, sources...),这个函数的作用是将所有source中的属性拷贝到dest中,并返回dest.例子如下: var flattened = lang.mixin( { name: "Frylock", braces:…

web2.0时代,ajax技术成为整个前端开发领域的基石.大部分的书籍.博客由此切入来介绍前端类库与框架,所以dojo往往只被当做一个ajax类库来介绍,然而仅仅以此来定位dojo,无异于管中窥豹.对于dojo来讲,关于ajax的封装只是dojo框架中的一小部分,dojo的定位是一个从前往后一手包办的企业级开发框架. 目前在模块化开发盛行的前端开发中,requireJs无疑是最受推崇的一位.只是很少有人知道requireJs出自dojo框架,dojo加载器的开发者就是requireJs的作者.曾…