精品日本一线二线三线不卡,欧美午夜精品久久久久久人妖 ,欧美国产视频在线观看

【�{载】解��x��关Ext Grid导出Excel在JSP�{�环境中不可用的问题

Hibernating — Wed, 11 Feb 2009 05:31:00 GMT

解决有关Ext Grid导出Excel在JSP�{�环境中不可用的问题
有关ExtGrid导出Excel的实现方式，�|�上已经有很多，官方也给��Z��一个方案，代码不是很完善，不过已经有高人对�q�个�q�行了修正。具体实现方式及代码我这里就不再多说了，大家可以参看�Q?br /> http://www.dojochina.com/index.php?q=node/1254�Q�附�Ӟ��gridToExcel.js.txt
其基本思想是：客户端根据Grid数据生成Excel格式的XML数据�Q�然后发送到一个服务端文�g�Q�服务端文�g�?br /> �q�设定Content-Type来实现Excel的下载。其�?#8220;导出Excel”按钮点击执行的代码如下：

1if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) {
2    if (! Ext.fly('frmDummy')) {
3        var frm = document.createElement('form');
4        frm.id = 'frmDummy';
5        frm.name = id;
6        frm.className = 'x-hidden';
7        document.body.appendChild(frm);
8    }
9    Ext.Ajax.request({
10        url: '/exportexcel.php',
11        method: 'POST',
12        form: Ext.fly('frmDummy'),
13        callback: function(o, s, r) {
14            //alert(r.responseText);
15        },
16        isUpload: true,
17        params: {exportContent: vExportContent}
18    })
19} else {
20    document.location = 'data:application/vnd.ms-excel;base64,' + Base64.encode(vExportContent);
21}

例子中服务端使用的PHP�Q�这�D�代码在PHP中可能可以很好的工作�Q�但是如果到了JSP�{�环境下�Q�就出现了问
题，导出数据可能是空�?br /> 问题出在哪里呢？上面�q�部分代码中的ajax提交其实�q�不是真正的ajax提交�Q�因为ajax提交是在后台执行�Q�因
此不可能实现下蝲�Q�可以看到这里有form和isUpload两个参数�Q�Ext的ajax��h��中如果配�|�了isUpload:true�Q�则�?br /> ajax��׃��是真正的ajax��h��Q�而是通过创徏一个隐藏的Iframe�Q��ƈ通过form的target指向�q�个iframe来提交数据，�q?br /> 且发送的header里将content-type设�ؓ了multipart/form�Q�在JSP中不能成功导出的原因��在�q�里。这��L��提交方式
其参数通过request.getParameter是取不到的，当然你可以��用上传组件来获取�Q�但�q�样代码��变得复杂。下�?br /> 来解册��个问题，既然�q�里的Ajax使用是一个模拟的form提交�Q�那我们其实可以完全不用。我们直接用form�?br /> 交不是更省事吗？解决办法如下�Q�创��Z��个隐藏form�Q�其target讄��为_blank�Q�然后在其内部创��Z��个隐藏域�?br /> 放xml数据�Q�然后通过POST方式提交�q�个form卛_��?/p>

实现代码�Q?/p>

1var vExportContent = grid.getExcelXml();
2if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) {
3    var fd=Ext.get('frmDummy');
4    if (!fd) {
5        fd=Ext.DomHelper.append(Ext.getBody(),{tag:'form',method:'post',id:'frmDummy',action:'exportexcel.jsp', target:'_blank',name:'frmDummy',cls:'x-hidden',cn:[
6            {tag:'input',name:'exportContent',id:'exportContent',type:'hidden'}
7        ]},true);
8    }
9    fd.child('#exportContent').set({value:vExportContent});
10    fd.dom.submit();
11} else {
12    document.location = 'data:application/vnd.ms-excel;base64,'+Base64.encode(vExportContent);
13}}
14

JSP代码�Q?br />

1<%
2response.setHeader("Content-Type","application/force-download");
3response.setHeader("Content-Type","application/vnd.ms-excel");
4response.setHeader("Content-Disposition","attachment;filename=export.xls");
5out.print(request.getParameter("exportContent"));
6%>

完整代码下蝲�Q?a href="/Files/redhatlinux/grid2excel.rar">grid2excel.rar

Hibernating 2009-02-11 13:31 发表评论

Hibernating — Wed, 11 Feb 2009 03:51:00 GMT

Ext.get()与Ext.fly()之区�?/span>
从一开始接触Ext��q��到有Ext.fly�q�个函数�Q�当时觉得这个跟Ext.get没什么区别，加之当时对JS性能相关
问题认识肤浅�Q�也一直没有在意其区别�Q�今日看learning extjs一书，看到了有专门对Ext.fly特别��的一处：

This isn't exactly a speed tip, but is more about conserving memory by using something called a "flyweight" to perform simple tasks, which results in higher speed by not clogging up the browser's memory

大概意思也��是Ext.Fly采用flyweight模式使所有fly出来的元素共享内存，可以提高�E�序执行速度�Q�减��内存占用�?br />

�q�段话激起了我对�q�个函数的兴��，毕竟�q�段旉��一直在搞JS性能优化相关问题�Q�对“内存”�q�个字眼
非常敏感。大概看了下Ext源码对get和fly实现的部分，然后在网上查看了一些资料，�l�于对他们之间的异同�?br /> 了个比较深入的认识�?br /> Ext的官方开发�h员给��Z��如下的解释：

Ext.Element wraps a lot of functionality around DOM element/node, for example functions like hide, show, all animation stuff, dimensions getting and setting function and a lot more. Ext.Element keeps reference to DOM element it is wrapped around in dom property. Once you have an Ext.Element (e.g. you call Ext.get('some-d') it is an instance of Element class and you can work with it as such. Now, imagine that you need to hide 1000 DOM nodes, you call 1000 times Ext.get('some-one-of- 1000-id').hide() so you create 1000 instances of Element just to call one function: hide. Ext.fly is one instance of Ext.Element with "replaceable" DOM node it is wrapped around. If you call 1000 times Ext.fly('some-one-of-1000-id').hide() you 1000 times replace dom property of one instance of Ext.Element. Result: higher performance, lower memory usage. You only need to keep in mind that you cannot keep Element returned by Ext.fly for later use as it's dom will sooner or later gets replaced by another one.

�q�段话中�Q�大致的意思如下：

Ext.Element是Ext对Dom元素的一个强有力��装�Q�它��装了很多方便对dom操作的接�?�q��过Element的dom属�?br /> 引用对应的dom元素)�Q�因此每创徏一个Element元素都将消耗不��的内存(主要是大量的操作接口消�?�Q�因此如
果创��多的Element元素必然��D��内存占用的剧增和�pȝ��性能的下降�?br />

Ext.get和Ext.fly�q�回的都是一个Element对象�Q�但是Ext.get�q�回的是一个独立的Element�Q�拥有自��q��立的操作接口
��装�Q�可以将其返回��g��存到变量中，以便以后调用操作�{�，�q�样为重用带来了方便。但是它的一个很大缺
点就是内存消耗问题，假如调用Ext.get(id)1000�ơ，则会在内存中创徏1000个独立Element�Q�其内存占用可想�?br /> 知。但是很多时候我们可能仅仅只是对该dom元素执行一�ơ很��单的操作�Q�如隐藏(hide)�Q�这样如果每�ơ都创徏
一个独立Element攑֜�内存中，实在是对内存的巨大浪费，因此当我们在只需要执行一�ơ操作或者一个很��?br /> 的操作时�Q�采用Ext.get��显得很不合理。Ext.fly正是��Z��解决�q�个问题而出玎ͼ�它通过使每�ơ创建的Element�?br /> 享内存中的一套操作接口来辑ֈ�节省内存的效果�?/p>

下面来看Ext.fly的实��C��?我简单加了一些注�?�Q?br />

 1var flyFn = function(){}; 

 2flyFn.prototype = El.prototype; 

 3var _cls = new flyFn(); //���Element的所有操作接口放在_cls�?nbsp;

 4 

 5// dom is optional 

 6El.Flyweight = function(dom){ 

 7    this.dom = dom; 

 8}; //仅包含一个dom属性的Object 

 9 

10El.Flyweight.prototype = _cls; //���操作接口复制给Element实例对象 

11El.Flyweight.prototype.isFlyweight = true; //标志该Element是flyweight对象 

12 

13El._flyweights = {}; //flyweight对象�~�存容器 

14 

15El.fly = function(el, named){ 

16    named = named || '_global'; 

17    el = Ext.getDom(el); //取得dom对象 

18    if(!el){ 

19        return null; 

20    } 

21    if(!El._flyweights[named]){ 

22        El._flyweights[named] = new El.Flyweight(); //仅在�W�一�ơ调用Ext.fly时创��Z��个Flyweight对象�q�缓�?nbsp;

23    } 

24    El._flyweights[named].dom = el; //���flyweight对象的dom属性指向该el 

25    return El._flyweights[named]; 

26};


从上面的代码不难看出�Q�仅在第一�ơ调用Ext.fly时创��Z��个Flyweight对象�Q�该对象包含了Element的所有操作接口）�q�将其缓存，

之后的所有fly操作都只是修改该flyweight对象的dom属性，每次fly�q�回的结果都是共享的同一个flyweight对象�?br /> �q�样每次fly�q�回的Element相比Ext.get而言�Q�减��了每次创徏Element时对大量的操作接口的创徏。所有fly的对�?br /> 都共享一套Element操作接口�Q�内存占用自然少了很多，而且执行速度也得��C��提升。在大量的创建操作中�?br /> 果会更加明显�?/p>

�׃��fly的操作原理，我们不能��fly的返回结果保存在变量中以侉K��用，因�ؓ每次fly操作都将可能改变该变量的
dom指向。如下面的代码就是不正确的：

1var my_id = Ext.fly('my_id');    

2Ext.fly('another_id'); //此时my_id的dom引用已经变�ؓanother_id    

3my_id.highlight('FF0000',{ //此处的操作将是对  another_id元素的操�?nbsp;      

4    endColor:'0000FF', duration: 3    

5});

在以后��用中�Q�一定要合理的利用Ext.get和Ext.fly�Q�避免滥用Ext.get�q�个“重量�U?#8221;的方法�?br />
转自�Q�http://www.ajaxbbs.net/post/extjs/Ext-fly-and-Ext-get.html

Hibernating 2009-02-11 11:51 发表评论

Hibernating — Mon, 27 Oct 2008 03:08:00 GMT

摘要: Spket是目前支持Ext 2.0最为出色的IDE�?它采�?jsb project file 文�g�q�将�l�承于基�c�d��所有文档的内容嵌入到生成代码提�C�的Script doc中。虽然有比较好用的开发插�Ӟ��但是我个人徏议和我一��L��初学者还是应该采用手写代码的方式��d��习ExtJs�Q�这样便于更好的掌握和理解ExtJs。毕竟工兯��是�ؓ了项目的快速开发而设计的�Q�学习就应该一步一个脚印�?nbsp; 阅读全文

Hibernating 2008-10-27 11:08 发表评论

【个人收藏】几个用ExtJs构徏的应用演�C?更新�?...)

Hibernating — Fri, 24 Oct 2008 05:20:00 GMT

摘要: 收藏的几个用ExtJs构徏的应用演�C�，本�h学习时找到的�Q�希望对大家学习有所帮助�Q�可以看看别人的代码是如何组�l�的�Q�因为ExtJs的代码组�l��v来比较困难，代码量也很大�?nbsp; 阅读全文

Hibernating 2008-10-24 13:20 发表评论

Hibernating — Fri, 24 Oct 2008 03:19:00 GMT

摘要: ExtJs2.2视频教程在线观看及下载，由DOJO中国 | �E�序员联盟亲情打造，正在学习�?感觉很不错，讲得非常�l�，也让我对ExtJs有了新的认识�Q�感谢DOJOCHINA,感谢陈治文老师阅读全文

Hibernating 2008-10-24 11:19 发表评论