Question

extjs 缓存 页面

这样一个场景：一个grid，grid中有一条数据，点击修改按钮，弹出界面，修改完数据后，点击修改页面的保存按钮，grid记录中的数据被修改。
主要的目的：想要把修改界面的数据缓存下来，目的是防止操作人员保存完修改数据时，关掉界面，造成垃圾数据，所以想用缓存的方式把数据缓存到grid中，统一提交。不知道该如何实现？求解释。。。不知道我说明白了没有~~~

Answer 1

没太明白，保存后有没有提交到数据库？好像是有对吧，而你是希望不提交。
其实extjs自身就有这么一个功能，先在grid中单击或者双击修改，然后保存在缓存里，关闭界面则丢失。
最后自己写按钮提交到数据库。
1、先要给能修改的字段增加规则，比如：
Ext.form.VTypes['integerVal']=/^\d+$/;Ext.form.VTypes['integerText']='只能填写正整数或0';//这个是填写非法的提示
Ext.form.VTypes['integer']=function(v){ return Ext.form.VTypes['integerVal'].test(v); }
var acptQtyEdit=new Ext.form.TextField({vtype:"numbers",allowBlank:false});
2、定义哪些字段可以修改
var model=createSelectionModel(acptQtyEdit);//参数可以写很多个
3、在grid中定义clicktoEdit属性，比如：
clicktoEdit:1//这里的数字表示单击或者双击，具体情况请查询api，不记得了
4、如何提交到服务器，通过如下方法：
var store=grid.getStore(); var modified=store.modified.slice(0);//获得所有修改过的数据
var jsonArray = [];//将修改后的数据转换成json结构的存放容器
Ext.each(modified,function(m){ jsonArray.push(m.data); });
//这里你需要重新加载一下store，好让grid刷新,这里我省略了
Ext.Ajax.request({
method:"post", url:"modifyOrderListExt", success:function(response,config){ Ext.Msg.alert("提交成功","提交成功"); },
params:{modifyData:Ext.util.JSON.encode(jsonArray)}}); }

Answer 2

　　在不修改应用架构的情况下, 用oscache 把页面缓存。
　　extjs介绍：
　　自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。
　　1、ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。
　　2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

Answer 3

你在grid里面修改后，数据只是存在浏览器的内存里面，并没有存入到后台的数据里，需要发送ajax请求才会保存到后台的数据里面，那么你只要在点击“保存”的时候不发送请求就可以了，然后在最后有个按钮点击保存，或者在页面关闭的时候，判断grid里面的store是否有数据没有提交就可以了。