第二章-ExtJs-grid

grid

本章任务

1.grid

/**
 * 页面加载
 */
Ext.onReady(function() {

			/**
			 * 列模型
			 */
			var _cm = new Ext.grid.ColumnModel({
						columns : [{
									header : '用户名',
									dataIndex : 'userName'
								}, {
									header : "密码",
									dataIndex : 'userPass'
								}]
					});

			/**
			 * 字段类型
			 */
			var _fields = new Ext.data.Record.create([{
						name : 'userName',
						type : 'string'
					}, {
						name : 'userPass',
						type : 'string'
					}]);
			/**
			 * 数据集
			 */
			var _store = new Ext.data.JsonStore({
						url : './ch02.jsp',
						root : 'users',
						fields : _fields
					});

			/**
			 * 显示数据
			 */
			var _grid = new Ext.grid.GridPanel({

				width : 300,//宽
				height : 300,//高
				renderTo : Ext.getBody(),
				cm : _cm,//列模型
				store : _store//数据集
				});

			/**
			 * 加载数据
			 * 
			 */
			_store.load({})
		});

 

 

本章目标

1. 理解Grid