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

dojo的DataGrid4

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

		</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.rowbar.structure">
		</div>
	</body>
</html>
dojo.provide("grid.rowbar");

(function(){
    grid.rowbar.structure = [
    {
        tpye:dojox.grid.GridView,
        width:"20px",
        noscroll:true
    },
    {
        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分页示例代码

    4. **数据请求**:当用户切换页面时,DataGrid会根据当前页码向存储发送请求,获取对应页的数据。 **示例代码:** ```javascript require(["dojox/grid/DataGrid", "dojo/data/ItemFileReadStore", "dojox/grid/...

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

    4. **Dojo DojoX**:DojoX是Dojo的扩展库,包含了一系列高级功能和插件,如图形绘制(dojox/gfx)、图表(dojox/charting)、数据存储(dojox/data)等。这些示例将展示如何利用DojoX进行更复杂的应用开发。 5. **...

    图书: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 控制器处理前端请求,返回...

    dojo toturial with design best practise

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

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

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

    Struts 与 dojo 整合研究 (一)

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

    Dojo 自定义后台排序

    4. **更新视图**:前端收到响应后,`DataGrid`会自动更新显示,显示排序后的数据。 在实际开发过程中,我们可能会遇到性能优化的问题。如果数据量非常大,全量获取并排序可能会导致性能瓶颈。这时,可以考虑分页...

    Dojo 1.01 Book

    4. **Dojo Widget系统**:Dojo的UI组件库是其一大亮点。书中会介绍如何创建和使用各种Widget,如dojox/grid/DataGrid用于数据展示,dijit/form/TextBox用于表单输入,以及dijit/layout/BorderContainer用于页面布局...

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

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

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

    grid插件加载速度测试

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

    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`、...

    JavaScript API构建WebApps实践

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

Global site tag (gtag.js) - Google Analytics