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

dojo的DataGrid3

    博客分类:
  • dojo
 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			@import "dijit/themes/tundra/tundra.css";
			@import "dojo/resources/dojo.css";
			@import "dojox/grid/resources/tundraGrid.css";

		</style>
		<script type="text/javascript" src="dojo/dojo.js" djconfig="parseOnLoad:true"></script>
		<script>
            dojo.require("dojo.parser");
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dojox.grid.DataGrid");
            dojo.require("grid.context");

		</script>
	</head>
	<body class="tundra">
		<h2>数据</h2>
		<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="services/wish_list.json"></div>
		<div dojoType="dojox.grid.DataGrid" store="wishStore"  style ="width:350px;height:200px"
		structure = "grid.context.structure">
		</div>
	</body>
</html>
dojo.provide("grid.context");

(function(){
    grid.context.structure = [{
        cells:[
        {name:'wishId', field: 'wishId'},
        {name:'description', field: 'description'},
        {name:'size', field: 'size'},
        {name:'origin', field: 'origin'},
        {name:'wrapper', field: 'wrapper'},
        {name:'shape', field: 'shape'},
        ]
    }];
})();
   
分享到:
评论

相关推荐

    dojo的datagrid使用

    在本文中,我们将深入探讨Dojo的DataGrid组件的使用,包括如何配置、展示数据以及实现分页功能。Dojo是流行的JavaScript库,提供了一系列强大的UI组件,DataGrid就是其中之一,用于显示和操作表格数据。 1. **Dojo ...

    dojodatagrid分页示例代码

    在本文中,我们将深入探讨Dojo DataGrid的分页功能,并通过示例代码来解析其工作原理。Dojo DataGrid是Dojo Toolkit中的一个组件,它用于展示大量数据,提供了可扩展性和高度定制化,而分页功能则是DataGrid的重要...

    超多的Dojo实例应用演示源码

    3. **Dojo Dijit**:Dijit是Dojo的UI组件库,包含了大量的可复用、可主题化的用户界面元素,如按钮、表单控件、布局容器等。通过查看压缩包中的示例,你可以学习如何在实际项目中使用这些Dijits。 4. **Dojo DojoX*...

    图书:Dojo入门

    同时,Dojo的DojoX数据视图(如DataGrid)可以结合这些数据存储来展示和编辑表格数据。 Dojo还提供了强大的Ajax功能,如`dojo/xhr`模块,使得开发者可以方便地与后台服务进行异步通信。`dojo/request`是Dojo 1.7...

    dojo pagination example

    在这个文件中,开发者可能创建了一个Dojo数据网格(`dojox/grid/DataGrid`或`dijit/Tree`),并集成了一个分页插件(如`dojox/grid/pagination`)。分页插件通常包含上一页、下一页、页码选择和每页条目数设置等功能...

    dojo,C#做的财务模块

    3. **view**:视图层,可能是ASP.NET MVC中的View,负责展示财务数据和交互界面,这里可能会使用DOJO框架的HTML和JavaScript代码。 4. **learn**:可能是学习资料或示例代码,帮助开发者理解财务模块的工作原理。 ...

    dojo:说明文档+小部件实例页面

    "grid实例"是Dojo中的DataGrid,这是一个用于展示和操作表格数据的强大组件。它支持排序、分页、过滤等功能,同时可以与各种数据源(如JSON, XML, CSV等)集成。DataGrid还提供了丰富的定制选项,如列样式、行编辑等...

    在 Spring Web MVC 环境下使用 Dojo

    3. **创建 Dojo 控件**:在JavaScript中,使用 `dojo.require()` 加载所需模块,然后创建 Dojo 控件实例,如 DataGrid,配置其属性和数据源。 4. **Spring MVC 控制器**:创建 Spring MVC 控制器处理前端请求,返回...

    dojo toturial with design best practise

    同时,Dojo的dojox/grid DataGrid展示大量数据时,体现了适配器模式(Adapter),将复杂的数据模型转换为简单的视图展示。 最后,书中可能还会涉及测试驱动开发(TDD)和行为驱动开发(BDD)的最佳实践,介绍如何...

    springjdbc的简单运用以及Dojo的小案例,包括了Dojo的相关资料包

    在案例中,可能会有一个简单的Dojo应用,比如一个按钮点击事件触发数据的获取和显示,或者使用Dojo的DataGrid展示数据库查询结果。这将涉及到Dojo的数据绑定机制和Widget使用,例如`dojox/grid/DataGrid`。 由于...

    Dojo 自定义后台排序

    在Dojo的`DataGrid`组件中,用户可以方便地对表格数据进行排序。默认情况下,`DataGrid`会根据列头点击来发起一个请求到后台,携带排序参数,由后端服务器执行实际的排序操作。这个过程涉及到了`sort`方法,它可以...

    Struts 与 dojo 整合研究 (一)

    3. 解析并处理JSON数据,使用Dojo的DataGrid或其他组件展示数据,或者根据数据更新UI状态。 4. 考虑到性能和安全性,优化请求的频率和数据传输量,例如使用缓存和分页策略。 总之,Struts和Dojo的整合能够充分利用...

    Dojo 1.01 Book

    3. **Dojo核心模块**:讲解Dojo的核心模块,如dojo/_base/declare,用于实现类的继承和混合;dojo/Stateful,提供属性管理;以及dojo/store,用于数据存储和检索。这些模块是构建复杂应用的重要基石。 4. **Dojo ...

    dojo学习笔记

    3. **dojo.byId**: - **用途**:通过DOM ID获取DOM对象。 - **语法**:`dojo.byId("元素ID");` 4. **dijit.byId**: - **用途**:通过ID获取Dijit UI组件。 - **语法**:`dijit.byId("组件ID");` - **区别**...

    dojo随手记 gird组件引用

    在Dojo 1.x版本中,`dojox.grid`模块通常包含在`Grid.html`或`DataGrid.html`文件中,而不是单独的`Grid.js`。检查`/zstudio/testdojo/dojoroot/dojox/grid/`目录,确保包含正确的文件。 2. **版本不匹配**:如果...

    vgolive.search.PagingGrid v1.0 源码

    它扩展了Dojo的DataGrid,增加了对大量数据的分页显示。通过PagingGrid,用户可以查看数据集的一部分,而不是一次性加载所有数据,这降低了页面加载时间和内存消耗。PagingGrid通常会结合dojo.data接口使用,例如,...

    grid插件加载速度测试

    Dojo Toolkit是一个强大的JavaScript库,其中的DataGrid组件提供了丰富的功能,如分页、排序、过滤和编辑。Dojo以其模块化和性能优化而闻名,但加载速度可能会受到其复杂性和模块依赖的影响。在进行速度测试时,应...

    IBM发布开源HTML5可视化设计工具Maqetta

    升级移动平台发布工具:增加 Dojo 1.7 移动控件库支持,精确到像素级别匹配的设备底版,浏览器预览增加缩放支持。 增加从 Maqetta 导出到 Eclipse 的教学文档。 改善了云端多人协作时的 Review 和 Comment 可用性。 ...

    c技术应用学习

    3. **JSP标签库**:在JSP页面中,我们看到使用了Struts2的标签库,例如`&lt;s:tag&gt;`和`&lt;sx:tag&gt;`。Struts2是一个流行的Java Web应用程序框架,它简化了MVC(模型-视图-控制器)架构的实现。`&lt;s:tag&gt;`和`&lt;sx:tag&gt;`分别...

    JavaScript API构建WebApps实践

    API使用了 dojo作为基础框架,而 dojo是一个全面的javascript框架,提供了操作DOM元素、CSS样式加载、数据网格(DataGrid)等多种功能,为构建复杂交互式的Web应用程序提供了便利。 通过ArcGIS for JavaScript API...

Global site tag (gtag.js) - Google Analytics