EXTJS4.x之实战项目（4）填充ArticleGridPanel的数据

经过上面的步骤我们可以得到大致的程序框架，可以切换tabpanel的显示内容，下面我们来填充ArticleGridPanel数据。

1.添加model，如下图，添加一个Model



userClassName配置为ArticleInfo。

为ArticleInfo添加以下field：



2.创建store,配置以下属性

userClassName : ArticleStore;

storeId : ArticleStore;

model : ArticleInfo;

pageSize : 20;

为ArticleStore添加ajax proxy，直接拖到ArticleStore即可。

配置ajax proxy的属性如下

url : '../article/list';

为ajax proxy 添加一个json reader。找到json reader 拖动到ajax proxy即可，配置以下属性

root: 'results',

totalProperty: 'totalCount'

3.设置ArticleGridPanel的store为ArticleStore。selection model为CheckboxModel，forceFit打勾，columnLines打勾，在ArticleGridPanel上点击右键选择auto columns



自动生成显示的字段.现在工程的情况如下



保存运行得到如下图效果