`
默默的小熊
  • 浏览: 232794 次
社区版块
存档分类
最新评论

Dojo的ItemFileReadStore

    博客分类:
  • dojo
 
阅读更多

    Dojo.data是一种类似于JDBC的API规范,dojo.data驱动实现了这些规范,并且负责响应那些来自于数据小部件的请求。一般来讲,每个驱动程序负责一种不同的数据提供者格式,例如JSON或者XML。

    先大致介绍下数据驱动中的ItemFileReadStore

    这个stroe可以使用HTTP读取json格式的内容,或者从内存中读取js对象,并把所有items都存储在内存中。

    其中identifier是用来一标识一个item的。有时会出现label属性,它是用来标识我们需要看到的那个item的属性值的。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>mixin</title>
		<meta name="author" content="zhou" />
		<script src= "dojo16/dojo/dojo.js" data-dojo-config="isDebug: true, async: true,parseOnload:true"></script>
		<script src = "mixin.js"></script>
	</head>
	<body>
		<button dojoType="dijit.form.Button" onclick="getData();">
			获取数据
		</button>
		<br/>
		<br/>
		<div id="dataOutput">
		</div>
	</body>
</html>
dojo.require("dojo.data.ItemFileReadStore");

var countryStore = new dojo.data.ItemFileReadStore({
    url : "abc.json"
});


//onComplete的事件处理程序,将取出来的数据(items)放到dojo.byId("dataOutput")中去
var gotContinents = function(items, request) {
    var buffer = ["<b>获取的数据:</b>"];
    for(var i = 0; i < items.length; i++) {
        var item = items[i];
        buffer.push(countryStore.getLabel(item));
    }
    //这里简单地将取出来的items的label连接在一起
    dojo.byId("dataOutput").innerHTML = buffer.join("<br/>");
}

function getData(query) {
    countryStore.fetch({
        query : {name : "*"},
        onComplete : gotContinents
    });
};

 

{
  "identifier": "name",
  "label":"name",
  "items": [
    { "name": "Bob", "spouse": {"_reference":"Sally"},  "children": [ { "_reference":"Nancy"}]},
    { "name": "Sally", "spouse": {"_reference":"Bob"},  "children": [ { "_reference":"Nancy"}]},
    { "name": "Nancy"},
  ]
}

 
分享到:
评论

相关推荐

    dojo工具包zip

    这使得数据管理变得简单,如`dojo/data/ItemFileReadStore`用于处理JSON格式的数据。 5. **DOH测试框架**:DOH(Dojo Objective Harness)是Dojo自带的单元测试框架,用于编写和运行JavaScript代码的测试用例,确保...

    dojo开发帮助文档

    `dojo/store/Memory`是一个简单的内存中数据存储,而`dojo/data/ItemFileReadStore`则常用于与服务器端JSON数据集成。 Dojo 还包含强大的数据请求API,如`dojo/xhr`,支持HTTP请求,包括GET、POST、PUT和DELETE等...

    dojo JavaScript框架 Ajax学习

    例如,`dojo.data.ItemFileReadStore`常用于加载JSON数据并创建一个可搜索、可筛选的数据集。 在实际应用中,dojo的`dijit`模块提供了一整套用户界面(UI)组件,如按钮、表单、表格等,这些组件与Ajax结合使用,...

    DOJO 学习文档+Demo

    例如,`dojo/data/ItemFileReadStore` 和 `dojo/data/ItemFileWriteStore` 分别用于读取和写入数据。 ### 4. DOJO XHR(Ajax)和 JSONP 支持 DOJO 提供了 `dojo/xhr*` 模块进行 AJAX 请求,如 `dojo/xhrGet` 和 `...

    dojo-release-1.8.3

    例如,dojo/data/ItemFileReadStore用于处理简单的JSON数据。 8. **dojo/fx**: 提供了一系列动画效果,如淡入淡出、滑动等,使得开发者可以轻松地创建丰富的用户交互体验。 9. **本地化(i18n)支持**:Dojo 1.8.3...

    图书:Dojo入门

    在数据管理方面,Dojo的`dojo/data`模块提供了多种数据存储模型,如ItemFileReadStore和ItemFileWriteStore,用于与服务器进行数据交换。同时,Dojo的DojoX数据视图(如DataGrid)可以结合这些数据存储来展示和编辑...

    DOJO API 中文参考手册

    它包括多种数据模型,如ItemFileReadStore和JsonRestStore,用于与服务器进行数据交互。 3. **DOM操作 (dojo/dom, dojo/dom-geometry, dojo/dom-style)**: 这些模块提供了对DOM元素的广泛操作,包括查找、创建、...

    dojo学习笔记

    Dojo 数据层提供了一种抽象,用于与各种数据源交互,如`dojo/data/ItemFileReadStore`用于XML或JSON数据。`dojo/store`模块则引入了新的数据存储API,更适应现代Web应用的需求。 6. **Dojo动画和效果** `dojo/fx`...

    DOJO源代码

    `dojo/data/api/ItemFileReadStore` 可以用来读取 JSON 数据,而 `dojo/store/Memory` 是一个简单的内存存储。数据绑定是通过 `dojo/aspect` 和 `dojo/on` 实现的,使得视图能自动响应数据变化。 ### 4. 动画效果 ...

    dojo-release-1.6.1-src.zip

    5. **Dojo X Data**: 这是Dojo的数据访问层,提供了多种数据存储和检索方式,如JsonRest、ItemFileReadStore等,方便与服务器进行数据交互。 6. **Dojo GFX**: Dojo的图形库,用于创建2D图形,包括绘图、矢量图形和...

    DOJO-API中文参考手册附加注解实例.rar_dojo

    `dojo/store/Memory`是简单的内存存储,适合小型应用,而`dojo/data/ItemFileReadStore`则用于读取JSON格式的数据。 **DOJO动画与效果** DOJO的`dojo/fx`模块提供了丰富的动画效果,如淡入淡出、滑动等。`dojo/fx/...

    dojo的ppt课件和开发手册

    `dojo`的`dojox/data`模块提供了多种数据存储和查询接口,如`ItemFileReadStore`和`JsonRestStore`。`dojox/html`模块则包含了模板引擎,如`styles`和`templates`,方便进行数据驱动的动态页面渲染。 4. **Ajax与...

    ajax(dojo)资料

    开发者可以利用`dojo.data.ItemFileWriteStore`或`dojo.data.ItemFileReadStore`来管理数据,并通过Ajax请求进行增删改查操作。 此外,《实战Dojo工具包》可能详细讲解了如何在实际项目中运用Dojo的Ajax功能。例如...

    Dojo1.rarDojo1.rarDojo1.rarDojo1.rar

    Dojo提供了一套数据模型和存储接口(如`dojo/data/ItemFileReadStore`),方便与后端数据源交互,支持JSON、XML等多种格式的数据。 ### 6. Dojo Dijit Dijit是Dojo的UI组件库,包括各种可复用的、主题化的用户界面...

    dojo test soure code

    `dojo/data`模块包含了许多数据提供者,如ItemFileReadStore和ItemFileWriteStore。 8. **Dojo xhr模块**:`dojo/xhr`用于进行Ajax请求,它支持GET、POST等多种HTTP方法,以及同步和异步请求。测试这部分代码时,...

    Dojo1.7 Api chm

    Dojo数据接口(如ItemFileReadStore和ItemFileWriteStore)提供了与数据模型交互的能力,常用于与服务器端的数据交换。通过定义模型和属性,可以方便地处理复杂的数据结构。 八、dijit dijit是Dojo的UI组件库,包含...

    Dojo入门指南-中文版

    Dojo还集成了dojo/data API,用于存储和检索各种数据源,如ItemFileReadStore和JsonRestStore。这些工具使得与服务器端的交互变得简单高效。 除此之外,《Dojo入门指南-中文版》还会涵盖Dojo的事件处理、动画效果、...

    dojo树实例

    在这个实例中,我们可能会用到`dojo/store/Memory`或`dojo/data/ItemFileReadStore`作为简单的内存数据存储。 在`tree&menu.html`文件中,通常会包含以下关键部分: 1. **引入Dojo库**:确保在HTML头部引入了Dojo...

    DOJO技术培训文档下载

    3. **dojo/data**: 提供数据模型和数据访问接口,如ItemFileReadStore和ItemFileWriteStore。 **六、DOJO动画和效果** 1. **dojo/fx**: 提供基本的动画效果,如淡入淡出、滑动等。 2. **dojo/fx/easing**: 包含多种...

    dojo toturial with design best practise

    在实际开发中,书中可能会讲解如何使用Dojo的dojox/data服务来处理数据,如dojox/data/ItemFileReadStore,它实现了数据存储的接口,适配各种数据源。同时,Dojo的dojox/grid DataGrid展示大量数据时,体现了适配器...

Global site tag (gtag.js) - Google Analytics