后台servlet内容:
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
List<Student> list = StudentService.getStudentList();
String json = "{'users':" + JSONArray.fromObject(list).toString() + "}";;
response.setContentType("text/json;charset=UTF-8");
response.getWriter().print(json);//是一个文件流,将json传给前台
response.getWriter().flush();
}
前台Js内容:
Ext.onReady(function(){
//定义数据源
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url:'servlet/basic'//后台连接地址
}),
reader: new Ext.data.JsonReader({
root : 'users'//查找后台存储在json中的users集合
},
['id','uname','age','sex'])//指定jopo元素值
});
//创建列表
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'uname'},
{header:'年龄',dataIndex:'age'},
{header:'性别',dataIndex:'sex'}
]);
//填充GridPanel
var userGrid = new Ext.grid.GridPanel( {// 创建Grid表格组件
applyTo : 'hello',// 设置表格现实位置
frame : true,// 渲染表格面板
height:480,
width:640,
stripeRows : true,// 显示斑马线
autoScroll : false,// 当数据查过表格宽度时,显示滚动条
store : store,// 设置表格对应的数据集
viewConfig : {// 自动充满表格
autoFill : true
},
cm : cm// 设置表格的列
});
store.load();//加载数据集,采用配置好的Reader格式去加载Record缓存,具体请求的任务由配置好的Proxy对象完成
});
这是我第一次使用Ext.Js“成功的案例”,在我第一次自学这玩意的时候感觉着玩意太棒了,什么东西都给你封装好,自己直接拿来用就行了,页面不在枯燥无味了,编程生活又出现光彩啦。
但随着自己对Ext.js的了解发现,这玩意真TMD不是个东西,前台页面加载过慢,代码大量冗余,浏览器内存负担加大,Ext.js本身还存在点问题,还是个重量级的框架。现在越学越比较恶心。
但Ext.js还有他的好处,就是JS,Ajax,Jquery封装的特别完美。其实用Ext.js对于小公司来说是件好事,节约了成本,提高了前台的开发不需要另加美工修饰。另外,Ext.js最好的东西就是可以看看里面封装的代码,提高自己的编码思想。
先工作着,从老总,老员工那学点我需要的东西,在为公司做点贡献就闪人!
分享到:
相关推荐
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
Extjs4后台框架
已经整理,能直接看效果的哦,用着不错,要使用的拿走吧
Extjs4前台前台grid导出excel
extjs通用后台管理界面 非常的好看,打击可以下载参考一下 也可以在项目中应用
自己动手搭extjs4.0.7后台管理框架,动态树+动态多标签
13款extjs经典后台框架.总有一款适合你。本人精心积累,5点积分不算多。
extjs前台设计工具:不错的前台设计工具,使用起来很方便。web应用设计前台工具首选。
可二次开发Extjs4.0通用后台管理系统源码完整大型项目。数据库在项目里面的一个sql文件里面 1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高...
用户管理是与后台的servlet进行交互的,包括增删改查
使用extjs实现的超炫后台模版下载实例 整理测试了很久特来贡献
ASP.Net+ExtJS做的后台 可以学习学习
EXTJS网站后台以及JSP+JSTL+EL网站前台,包含EXTJS图片上传、图片轮播、视频上传及视频播放、百度地图等功能
extjs 富客户端界面设计 grid分页后台处理
该资源是使用ExtJS5开发的一套后台管理系统模板,包括基础的增删改查页面及弹框、表格、Tree等组件。
前台new Ext.Button({ text:'导出EXCEL', handler:function(){ var appWindow = window.open("getExecl.do"); //调action得到数据生成execl格式的数据,response发往前台 appWindow.focus(); }})后台: filename是...
Extjs (Tree+Tab+Grid)通用后台模板,全静态数据,下载即可看效果。可以完全套用。
在使用ExtJs开发时会遇到这样的问题,后台传来一个java对象,里面有一个date类型的数据,现在要显示到页面上,我们该如何写才能不用将date转换成string的直接在页面上显示。下面解决办法:例如:在员工查询页面上,...
(Java+JSP)可二次开发Extjs4.0通用后台管理系统源码完整大型项目
Extjs checkboxgrop动态获取后台数据,并默认为全选状态