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

dojo的DataGrid2

    博客分类:
  • 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");

		</script>
	</head>
	<body class="tundra">
		<h2>数据</h2>
		<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="services/wish_list.json"></div>
		<table dojoType="dojox.grid.DataGrid" store="wishStore"  style ="width:350px;height:200px">
			<colgroup span = "1" noscroll = "true"></colgroup>
			<colgroup span = "5"></colgroup>
			<thead>
				<tr>
					<th field="wishId">wishId</th>
					<th field="description">description</th>
					<th field="size">size</th>
					<th field="origin">origin</th>
					<th field="wrapper">wrapper</th>
					<th field="shape">shape</th>
				</tr>
			</thead>
		</table>
	</body>
</html>
 
分享到:
评论

相关推荐

    dojo的datagrid使用

    2. **配置DataGrid** 创建DataGrid时,首先需要创建一个`dojox/grid/DataGrid`实例,并指定其配置对象。配置对象通常包含以下属性: - `store`: 数据源,可以是Dojo的任何类型的数据存储。 - `columns`: 定义列的...

    dojodatagrid分页示例代码

    2. **分页插件**:Dojo DataGrid本身并不直接支持分页,但可以通过添加`dojox/grid/plugins/Pagination`插件来实现。这个插件提供了一个用户界面,用户可以通过它来导航到不同的页面。 3. **配置分页插件**:在...

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

    2. **模块化系统**:Dojo 使用AMD(Asynchronous Module Definition)模块定义规范,允许异步加载模块,提高了页面性能。例如,`require` 和 `define` 函数是Dojo中实现AMD的关键部分。 3. **Dojo Dijit**:Dijit是...

    图书:Dojo入门

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

    dojo pagination example

    2. 创建数据模型(如`dojo/store/Memory`或`dojo/store/JsonRest`)来存储数据。 3. 初始化数据网格,并配置分页插件。设置属性如`pageSize`(每页显示的条目数)、`pageCount`(总页数)等。 4. 为分页组件添加事件...

    dojo,C#做的财务模块

    其DataGrid组件特别适合展示大量财务数据,支持排序、过滤和分页。此外,DOJO的xhr模块则方便与后端服务器进行异步通信,实现数据的实时更新。 C#,作为Microsoft .NET框架的一部分,是一种强类型、面向对象的编程...

    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 整合研究 (一)

    2. 在前端,使用Dojo的dojo.xhrGet或dojo.xhrPost方法发起异步请求,获取Struts返回的JSON数据。 3. 解析并处理JSON数据,使用Dojo的DataGrid或其他组件展示数据,或者根据数据更新UI状态。 4. 考虑到性能和安全性,...

    Dojo 1.01 Book

    2. **基础工具**:详细阐述Dojo的基础工具,如dojo/_base/xhr模块,用于异步数据请求;dojo/dom用于DOM操作;以及dojo/on模块,用于事件处理。这些工具为日常开发提供了便利。 3. **Dojo核心模块**:讲解Dojo的核心...

    dojo学习笔记

    2. **dojo.addOnLoad**: - **用途**:确保指定的脚本程序在HTML页面加载完成后执行。 - **语法**:`dojo.addOnLoad(function(){ /* 代码 */ });` 3. **dojo.byId**: - **用途**:通过DOM ID获取DOM对象。 - *...

    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接口使用,例如,...

    c技术应用学习

    `&lt;s:tag&gt;`和`&lt;sx:tag&gt;`分别用于处理普通的Struts2标签和Dojo相关的扩展功能。 4. **CSS和JavaScript引用**:在HTML头部分,引用了EasyUI的相关CSS和JS文件,包括`easyui.css`、`icon.css`、`jquery-1.8.0.min.js`、...

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

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

    grid插件加载速度测试

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

    JavaScript API构建WebApps实践

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

Global site tag (gtag.js) - Google Analytics