2012年7月26日星期四

ExtJS 4 Grids 详解 – ExtJS4中文教程

ExtJS 4 Grids 详解 – ExtJS4中文教程

  • 本文地址 http://www.showframework.com/2012/07/extjs-4-grids/

Grid Panel是ExtJS最常用的组件之一,它的功能非常丰富,提供了非常便捷的方法执行排序,分组,编辑数据。

Basic Grid Panel 基本表格面板

simple grid

让我们创建一个简单的表格,这有创建和运行表格的全部知识。

Model and Store 模型和存储器

Grid Panel展现Store中的数据,Store可以被认为是records的集合,或者模型(Model)实例的集合。更多关于StoreModel的内容请查看《ExtJS 4 数据(包)详解》,讲这些是为了明确一下概念,Grid Panel本身只关注如何展现数据,Store负责通过Proxy获取和保存数据。
首先我们需要定义一个ModelModel就是一组数据字段,先定义一个User Model

Ext.define('User', {    extend: 'Ext.data.Model',    fields: [ 'name', 'email', 'phone' ]});

然后创建Store以容纳若干User的实例

继续阅读
TAG: