dojo的DataGrid - 默默的小熊 - ITeye博客

`

默默的小熊

浏览: 232764 次

最近访客更多访客>>

1976Shadow

dwd_china

Yeyu123456

qaz123456.

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

换个号韩国红果果：你第二个在函数里面new date 啥都说明不了
JS函数参数传递
baukh789：我写下不同见解这个不是相对定位，这个叫绝对定位。移动元素会导致 ...
相对定位
hzxlb910：你也搞点注释嘛，
PrintWriter
shzhchina：文章不能转载吗？
CPU取指令

dojo的DataGrid

博客分类：

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:217px;height:150px">
			<thead>
				<tr>
					<th field="wishId">序列号</th>
					<th field="size">长度</th>
					<th field="shape">形状</th>
				</tr>
			</thead>
		</table>
	</body>
</html>

{
	"identifier":"wishId",
	"label":"description",
	"items":
	[
		{
		"wishId":4455,"description":"601 Habano",
		"size":"7-50","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4456,"description":"602 Habano",
		"size":"7-51","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4457,"description":"603 Habano",
		"size":"7-52","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4458,"description":"604 Habano",
		"size":"7-53","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		}
	]	
	
}

分享到：

dojo的DataGrid2 | action

2012-03-24 21:08
浏览 1446
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

超多的Dojo实例应用演示源码: 9. **Dojo Store和DataGrid**：Dojo Store是数据存储抽象层，可以配合DataGrid展示数据。通过实例，你可以学习如何将数据从后端服务加载到DataGrid中，实现数据的检索和显示。 10. **主题和样式**：Dojo提供了多种...

图书：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#做的财务模块: 其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 控制器处理前端请求，返回...

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

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

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

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

Dojo 1.01 Book: 书中会介绍如何创建和使用各种Widget，如dojox/grid/DataGrid用于数据展示，dijit/form/TextBox用于表单输入，以及dijit/layout/BorderContainer用于页面布局。 5. **数据和Ajax**：Dojo提供了强大的数据处理和Ajax...

dojo学习笔记: ### Dojo学习笔记详解 #### 一、Dojo基本概念 Dojo是一个强大的JavaScript库，旨在简化复杂的Web应用程序开发过程。它由三个主要部分组成：`dojo`、`dijit`和`dojox`。 1. **Dojo基础**： - **概述**：Dojo的...

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技术应用学习: `<s:tag>`和`<sx:tag>`分别用于处理普通的Struts2标签和Dojo相关的扩展功能。 4. **CSS和JavaScript引用**：在HTML头部分，引用了EasyUI的相关CSS和JS文件，包括`easyui.css`、`icon.css`、`jquery-1.8.0.min.js`、...

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

Global site tag (gtag.js) - Google Analytics