使用Ext.grid.Panel显示远程数据

使用Ext.grid.Panel显示远程数据

对于Ext.grid.Panel而言，它只是负责显示Store数组中心的数据，至于Store保存的数据到底是浏览器本地数据，还是远程服务器的数据，Ext.grid.Panel并不关心。因此，使用Ext.grid.Panel显示远程数据也非常简单，只要在配置Ext.data.Store时通过proxy选项指定加载远程服务器数据即可。

如下示例示范了使用Ext.data.Store来加载远程服务器数据，使用Ext.grid.Panel显示Store所加载的远程数据。

程序清单：codes\06\6.8\Ext.grid\Ext.grid.Panel_remote.html

 

上面示例中的粗体字代码中通过proxy选项指定从getAllBooks处加载数据，该Servlet就是前面介绍Ext.form.field.ComboBox示例时使用的Servlet，此处不再给出代码。该Servlet将会返回系统中所有图书记录，该图书记录将会由Store负责管理。

在浏览器中浏览该页面，可以看到如图6.74所示页面。

 

图6.74　显示远程数据

 

本文节选自

《疯狂Ajax讲义（第3版）》

李刚 编著

电子工业出版社出版