gridPanel 基二位数组数据源

最新推荐文章于 2025-07-27 09:45:15 发布

原创最新推荐文章于 2025-07-27 09:45:15 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

本文展示了一个使用ExtJS创建简单GridPanel的实例代码，通过SimpleStore加载静态数据，并定义了包含项目名称、开发团队和网址三列的表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最简单的 gridPanel

Ext.onReady(function() {
			var data = [[1, 'EasyJWeb', 'EasyJF', 'www.easyjf.com'],
					[2, 'jfox', 'huihoo', 'www.huihoo.org'],
					[3, 'jdon', 'jdon', 'www.jdon.com'],
					[4, 'springside', 'springside', 'www.springside.org.cn']];
			var store = new Ext.data.SimpleStore({
						data : data,
						fields : ["id", "name", "organization", "homepage"]
					});
			var grid = new Ext.grid.GridPanel({
						renderTo : document.body,
						title : "中国Java开源产品及团队",
						height : 150,
						width : 600,
						columns : [{
									header : "项目名称",
									dataIndex : "name"
								}, {
									header : "开发团队",
									dataIndex : "organization"
								}, {
									header : "网址",
									dataIndex : "homepage"
								}],
						store : store,
						autoExpandColumn : 2
					});
		});

这段代码没有什么意义，仅为我的个人存档，基于此，扩充代码