简单表格之SimpleStore

最新推荐文章于 2016-07-15 14:26:03 发布

iteye_9841

最新推荐文章于 2016-07-15 14:26:03 发布

阅读量7.7k

点赞数

分类专栏： ExtJS 文章标签： EXT JavaScript CSS HTML ViewUI

本文链接：https://blog.csdn.net/iteye_9841/article/details/82038089

版权

ExtJS 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

表格一般由:ColumnModel和Store两部分组成。

<!-- Grid由Store和ColumnModel组成  -->
<!--
	store的组成：
		1、Record
		2、Proxy和Data
		3、DataReader
  -->
<HTML>
<HEAD>
	<TITLE>ʹ��EXT���HelloWorld</TITLE>
	<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="./../ext/ext-all.js"></script>
	<script type="text/javascript" src="grid001.js"></script>
</HEAD>
<body>
</body>
</HTML>

Ext.onReady(function(){
		var cm = new Ext.grid.ColumnModel([{
									   			header: 'id',
									   			dataIndex: 'id'
											},{
												header: '姓名',
												dataIndex: 'name'
											},{
												header: 'email',
												dataIndex: 'email'
											},{
												header: '性别',
												dataIndex: 'sex'
											},{
												header: '年龄',
												dataIndex: 'age'
											}]);
		var fields = ["id","name","email","sex","age"];
		var data = [["1","chen","chen@sina.com","0","20"],
					["2","chen","chen@sina.com","0","20"],
					["3","chen","chen@sina.com","0","20"],
					["4","chen","chen@sina.com","0","20"],
					["5","chen","chen@sina.com","0","20"]];
		var store = new Ext.data.SimpleStore({
			fields: fields,
			data: data
		});
		var grid = new Ext.grid.GridPanel({
			title: 'SimpleGrid列表示例',
			width: 500,
			height: 150,
			store: store,
			cm: cm
		});
		grid.render(Ext.getBody());
});

iteye_9841

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单表格之SimpleStore

表格一般由:ColumnModel和Store两部分组成。&lt;!-- Grid由Store和ColumnModel组成 --&gt;&lt;!-- store的组成： 1、Record 2、Proxy和Data 3、DataReader --&gt;&lt;HTML&gt;&lt;HEAD&gt; &lt;TITLE&gt;ʹ��EXT��H...
复制链接

扫一扫