解决:ShowModalDialog中的Excel导出窗口不能自动弹出以及翻页的问题

最近做一个项目遇到一个难题,我们的任务是在原平台上进行修改,满足现在需求。说是原平台,但那个平台根本就没有正式投入使用(据说是前面一个团队因为某种原因放弃继续开发了),也就是说很多功能都没有实现好。在这个项目中我们遇到了很多棘手的问题,在此都一一记录下。

问题1:模态对话框中搞定分页遇到“__doPostBack未定义”
ShowModalDialog显示模态对话框中我们放入了从数据库中检索出来的信息表,结果分页功能显示不了。政府部门用的是IE10浏览器(就是浏览器兼容性的问题),出现下面的问题“__doPostBack未定义”的解决办法。
解决办法:在网上找了很多解决方法,比如说.Net打补丁,结果很多都无济于事,最终决定先将浏览器设置成兼容模式将就用(后期有好的方法再改)。 用IE的兼容视图将你的网址添加到进去选择兼容模式即可!另外,在ShowModalDialog中实现分页必须加上如下代码:

<base target="_self">。

注:因为每次翻页都会刷新ShowModalDialog模态对话框,”target=”_self”就是刷新的目标ul是本身,这样才可以实现分页!
问题2: ShowModalDialog中的Excel导出窗口不能自动弹出点击导出按钮,会看见刷新但是闪跳一下就消失了,导出窗口看不见。
解决办法:突然想起为了让页面在列表头部分点击的时候有自动刷新但不弹出新页面的功能,特意在页面头部分添加了如下代码:

<base target="_self">。

把这行代码删除,发现刷新和导出都是可以的。但都会弹出一个页面。那就可以肯定是这里的问题了。而添加了这行代码后,导出会受到影响。
根据以往的经验,在ShowModalDialog添加一个iframe可以解决这个问题。
1、将如下代码放在头部分:

<base id="base_tag" target="_self" />  

注:如果不加这个在ShowModalDialog中分页功能无法实现(问题1中提到过)。
2、在body的末尾添加如下代码:

<iframe id="baseExportThis" name="baseExportThis" height="0px" width="0px"></iframe> 

注:height=”0px” width=”0px”就是使这个iframe不可见起到隐藏效果。
3、在导出按钮中作如下处理:

$('#base_tag').attr('target','baseExportThis');  
var temp = document.getElementById("form").action;  
document.getElementById("form").action =      "${root}/sci/exportMidscip.action";  
document.getElementById("form").submit();  
document.getElementById("form").action = temp;  
$('#base_tag').attr('target','_self');  

注:以上三步本以为可以解决我们的问题,但是令我们失望了!!!!在我们团队的不懈努力下我们想到了解决我们问题的办法。首先谈下为什么上面三步解决不了我们的问题。
以上三步正常解决ShowModalDialog中的Excel导出窗口弹出是没有任何问题的(说明下以上三步是我借鉴别人的)。但是我们使用此方法的时候会影响我们的表格的翻页效果,我们的导出按钮(函数)既调用了前台代码也调用了后台处理程序,原来程序中的代码如下:

<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/excel.gif" OnClick="ImageButton2_Click" />

我们在OnClick=”ImageButton2_Click” 后面加了一个Onclick=”export”,将第三步中的代码加export方法中,结果export方法根本就没有调用,最终解决方法是直接在程序中加入如下代码并且删除了export方法:

<script type="text/javascript"> $(function(){ $("#ImageButton2").click(function(){ $('#base_tag').attr('target', 'baseExportThis'); var temp = document.getElementById("form").action; document.getElementById("form").action = "${root}/sci/exportMidscip.action"; document.getElementById("form").submit(); document.getElementById("form").action = temp; $('#base_tag').attr('target', '_self'); }); }); </script>  

最终我们成功解决了问题2,在ShowModalDialog既实现了翻页,也实现了表格的导出!

下面写点题外话,我的项目总结(不爱看的可以不往下看了O(∩_∩)O哈!)。
这个项目是2015年10月11日接的,今天是2015年11月1日,历时21天。这其中大概有15天使浪费了,走了弯路,为什么呢?因为需求没搞明白!作为一个大三的我,第一次接外面项目,当然啊我主要是打下手,大部分难题是我崇拜的章老师解决的,我很佩服的老师,在我心目中,就没有他解决不了的问题。本来老师很有信心这个项目一个星期搞定的,最终实验证明,在需求明确的前提下这个项目一个星期我们是足以搞定的。但是,就是因为需求没搞明白,刚开始浪费了我们很长时间,这个项目我们算是第三手了,不对是第四手了,政府托付个人,个人托付给公司,公司外包给我们,O(∩_∩)O哈哈~,结果第三手在第二手那需求没搞清楚,外包给我们(第四手)需求没说清楚,我们就照我们的理解去做,遇到不懂的再问第三手,第三手也不懂,他们再问第二手之后转告给我们,就这样转来转去浪费了很多时间而且很多东西第三手理解不好传给我们就是有偏差的,经过几次交涉之后,第三手放弃了“中间件”功能,让我们有机会和第二手交涉了,那已经是项目接下后的半个月了。于是我们利用剩下的6天时间把项目完成了,前面15天做的工作基本上是没有用的!
这个经历告诉我们,以后再接任何项目的时候一定要和需求者当面谈,需求是很重要的,用我们老师的话说,软件开发需求分析占80%的时间,占80%的经历都不为过。总的来说,这是人生中的一次宝贵的经历,谢谢我的老师,在这也谢谢努力的自己,未来的日子继续加油!

你可能感兴趣的:(IE,模态对话框,需求分析,项目总结)