dojo学习.docVIP

(一). Dojo基本 1. Dojo分为三个项目：ojo 是Dojo的基础，所有其他的功能都建立在其上，总之，它包含大约50个JavaScript脚本和几个其他资源。这些资源用于处理浏览器差异的统一，JavaScript模块化，JavaScript核心库扩展，W3C DOM API扩展，远程脚本编程，拖放，数据存储API，本地化和国际化，以及一些其他的附加功能。ijit Dojo的小部件框架和内建的小部件集ojox Dojo扩展库。这包含了从表格小部件到绘图库的所有功能ojo.require 引用JS文件 DOJO特色，按需加载JS文件 dojo.addOnLoad 表示在HTML页面加载后执行脚本程序 dojo.byId 按照DOMID得到一个DOM对象、（document.getElementsById) dijit.byId 每个DIJIT UI组件有个ID,此函数通过ID获取一个UI对象 dojo.forEach 循环遍历数组 通过 id 来获得 Dijit 实体没有通过 dojo.byId() 方法而是使用的 dijit.byId() 方法。在 Dojo 体系中，如果想通过 Dijit 的 id 来获得 Dijit 实体，只能通过 dijit.byId()。而作用与 document.getElementById() 相同的 dojo.byId()，无法获得任何 Dijit 实体。 Dojo 组织认为 DOM 对象实体和 Dijit 实体是两个完全不同的对象实体类型。通过 id 去获得这两种实体也应该使用不同的方法。dojo.byId() 被分配用来获得 DOM 对象实体，而 dijit.byId() 则被分配用来获得 Dijit 类型的实体 style type=text/css @import js/dijit/themes/tundra/tundra.css; @import js/dojo/resources/dojo.css; /style 现在引用dojo自带的css样式。可替换成我们自定义的样式文件 2. 引入dojo.js文件 script type=text/javascript src=js/dojo/dojo.js djConfig=parseOnLoad: true, isDebug: true/script djConfig=parseOnLoad: true 与dojo.require(dojo.parser);一起配合来使页面能使用Dojo的解析架构。 ??? djConfig是Dojo内置的一个全局对象，可以通过它来控制Dojo的行为。在本示例中，isDebug是djConfig的一个属性，设置是否为debug模式，如果为真，则console.debug的输出有效，这在开发时很有用，在发布时建议设置为false。 3. 声明将要使用的dojo的组件类型 dojo.require(dijit.form.Button); 声明将要使用的dojo的组件类型。类似Java中的import语句 dojo.connect(dojo.byId(helloBtn), onclick, function(){ alert(Hello world!); } 用于连接事件处理器（某一个函数）到一个元素或者一个对象 4. 页面调用小组件 button dojoType=dijit.form.Button id=helloBtnSay Hello/button (三). Dojo常用高级组件的使用 1. URL固定的STORE（一次把数据LOAD） ItemFileReadStore READONLY的数据 ItemFileWriteStore 可以修改数据,修改数据,带参数的STORE 页面使用 span dojoType=dojo.data.ItemFileWriteStore jsId=jsonStore url=../testData/grid.json js使用 var jsonStore = new dojo.data.ItemFileReadStore({data:da}); 或 var jsonStore = new dojo.data.ItemFileReadStore({url:” ../testData/grid.json”}); 属性 urlPreventCache=true 是否清空缓存属性 2. DataGrid 常用的一些属性与方法 Datagrid常用的属性 table dojoType=dojox.grid.DataGrid jsid=grid id=grid store=jsonStore query={ name: *