dojo的DataGrid2

最新推荐文章于 2024-07-17 11:30:02 发布
最新推荐文章于 2024-07-17 11:30:02 发布
阅读量62 收藏
点赞数
分类专栏： dojo 文章标签： xhtml json javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ethan777/article/details/84174516
版权 

<!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>
 
ethan777
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dojo的datagrid使用
01-27
2. **配置DataGrid** 创建DataGrid时，首先需要创建一个`dojox/grid/DataGrid`实例，并指定其配置对象。配置对象通常包含以下属性： - `store`: 数据源，可以是Dojo的任何类型的数据存储。 - `columns`: 定义列的...
dojo pagination example
08-26
2. 创建数据模型（如`dojo/store/Memory`或`dojo/store/JsonRest`）来存储数据。 3. 初始化数据网格，并配置分页插件。设置属性如`pageSize`（每页显示的条目数）、`pageCount`（总页数）等。 4. 为分页组件添加事件...
图书：Dojo入门
03-27
同时，Dojo的DojoX数据视图（如DataGrid）可以结合这些数据存储来展示和编辑表格数据。 Dojo还提供了强大的Ajax功能，如`dojo/xhr`模块，使得开发者可以方便地与后台服务进行异步通信。`dojo/request`是Dojo 1.7...
dojo toturial with design best practise
08-18
同时，Dojo的dojox/grid DataGrid展示大量数据时，体现了适配器模式（Adapter），将复杂的数据模型转换为简单的视图展示。 最后，书中可能还会涉及测试驱动开发（TDD）和行为驱动开发（BDD）的最佳实践，介绍如何...
Dojo 自定义后台排序
03-20
在Dojo的`DataGrid`组件中，用户可以方便地对表格数据进行排序。默认情况下，`DataGrid`会根据列头点击来发起一个请求到后台，携带排序参数，由后端服务器执行实际的排序操作。这个过程涉及到了`sort`方法，它可以...
HTML的文档类型与字符集＜!DOCTYPE html＞
m0_65696193的博客
07-15 316
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">我们使用的是 html 5 的版本。
Python应用爬虫下载QQ音乐歌曲！
Python_trys的博客
07-12 1982
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970。
平台智能化
李青水的博客
07-16 541
智谱AI开放平台创建应用：应用 = 预定义了一些规则的大模型在线体验：可用来测试不同大模型和参数的效果，支持 AI 绘画。
【数据集处理工具】根据COCO数据集的json标注文件实现训练与图像的文件划分
小李的研究生学习日记
07-16 408
COCO（Common Objects in Context）数据集是一种广泛使用的图像数据集，它不仅包含了丰富的图像资源，还提供了详尽的标注信息，包括物体检测、分割、关键点定位等。COCO JSON文件是一种结构化的数据格式，用于存储关于图像的元数据和标注细节，例如图像ID、文件名、图像尺寸以及各种标注信息。
服务器npm install报错，启动nodejs失败
m0_61160520的博客
07-14 293
npm error code EJSONPARSE npm error path /www/nodejs/package.json npm error JSON.parse Unexpected token "/" (0x2F) in JSON at position 293 while parsing near "...li-service build\",\r\n/* \"serve\": \"set ..." npm error JSON.parse Failed to parse JSON d
前端工具-json-server
zhangankang的博客
07-14 157
以项目为例，介绍前端mock数据的方式；
大模型入门（四）—— 基于peft 微调 LLaMa模型
Aweii__的博客
07-15 535
llama-7b模型大小大约27G，本文在单张/两张 16G V100上基于hugging face的peft库实现了llama-7b的微调。 **1、模型和数据准备** 使用的大模型：https://huggingface.co/decapoda-research/llama-7b-hf，已经是float16的模型。
最新vite脚手架配置ts-node工具
felix_alone2012的博客
07-16 164
最新vite脚手架配置和使用ts-node工具注意事项~
鸿蒙开发：Universal Keystore Kit（密钥管理服务）【获取密钥属性(ArkTS)】
m0_70748845的博客
07-16 109
HUKS提供了接口供业务获取指定密钥的相关属性。在获取指定密钥属性前，需要确保已在HUKS中生成或导入持久化存储的密钥。
链接追踪系列-07.logstash安装json_lines插件
suanhengzi的博客
07-14 466
logstash优化：官方的建议是提高每次批处理的数量，调节传输间歇时间。当batch.size增大，es处理的事件数就会变少，写入也就越快了。
vue路由传参使用query传递对象
最新发布
m0_50981596的博客
07-17 64
【代码】vue路由传参使用query传递对象。
params和data的差别，doc下载
weixin_42348009的博客
07-15 213
在上述例子中，数据会作为查询参数附加到 URL 上，例如。选择使用哪种取决于你要发送的数据类型和请求方法。用于发送 URL 查询字符串参数，适合。用于发送请求体数据，适合。
python数据预处理工作记录
mossfan的博客
07-16 178
数据处理
启动react 18.2.x项目报node错误
2401_85955297的博客
07-12 206
启动react 18.2.x项目报node错误
dojo Datagrid 实现数据删除功能
05-31
要在 Dojo Datagrid 中实现数据删除功能，可以按照以下步骤进行： 1. 在 Datagrid 中添加一个列，用于显示删除按钮。 2. 在该列中定义一个自定义单元格模板，用于显示删除按钮。 3. 在该模板中添加一个点击事件处理程序，以便在单击删除按钮时触发删除操作。 4. 在删除操作处理程序中获取要删除的数据行，并将其从数据存储中删除。 以下是一个简单的示例代码，演示如何在 Dojo Datagrid 中实现数据删除功能： ```javascript require(["dojo/_base/lang", "dojo/_base/declare", "dojo/data/ItemFileWriteStore", "dojox/grid/DataGrid", "dojo/domReady!"], function(lang, declare, ItemFileWriteStore, DataGrid){ var data = { identifier: "id", items: [ { id: 1, name: "John Doe", age: 32 }, { id: 2, name: "Jane Smith", age: 25 }, { id: 3, name: "Bob Johnson", age: 45 } ] }; var store = new ItemFileWriteStore({data: data}); var grid = new DataGrid({ structure: [ { name: "Name", field: "name", width: "200px" }, { name: "Age", field: "age", width: "100px" }, { name: "Delete", field: "id", width: "100px", formatter: function(id){ return "<button data-dojo-type='dijit/form/Button'>Delete</button>"; }, cellType: dojox.grid.cells.Cell, editable: false, onClick: function(evt){ var row = grid.getItem(evt.rowIndex); store.deleteItem(row); store.save(); } } ], store: store, rowSelector: "20px" }, "grid"); grid.startup(); }); ``` 在这个示例中，我们添加了一个名为“Delete”的列，用于显示删除按钮。我们定义了一个自定义单元格模板，用于显示一个具有“Delete”标签的按钮。我们还添加了一个事件处理程序，以便在单击按钮时触发删除操作。在该处理程序中，我们获取要删除的数据行，并将其从数据存储中删除。最后，我们使用 ItemFileWriteStore 作为数据存储，并将其与 Datagrid 组件一起使用。 注意：该示例代码仅供参考，具体实现需要根据具体情况进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值