Extjs动态加载grid表格
通常情况下,我们编写Extjs表格grid的时候,都是静态的,也就是说grid的表头、列都是固定的。在实际开发中,往往面对很多“非主流”的情况,就比如我曾经遇到的一个实际开发的案例,要求前台以Extjs Grid来显示数据库的表并进行编辑操作。数据库中有很多表,由于每张数据库表的字段数目是不同的,所以需要事先通过后台进行数据库表的字段计算,然后输出到前台给以显示。 还好这不是什么难事,因为Extjs的所有的配置格式基本上都是Json格式的,所有只要Grid的相关配置参数(如columnModel、fields)是Json格式的,那就不管是前台写死的还是后台动态输出的,都无关紧要。 本例,通过Extjs的ajax来请求后台Servlet的输出,然后决定Grid的显示效果: (图一)Extjs动态加载grid的效果一 之后,我们更改Servlet的输出方式,或者更改前台Extjs Ajax中url的地址,将显示如下效果: (图二)后台决定前台Grid显示效果图二,可以看到列及列数都已经变化 来看index.jsp的代码: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C/