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

本文主要是介绍解决: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%的经历都不为过。总的来说,这是人生中的一次宝贵的经历,谢谢我的老师,在这也谢谢努力的自己,未来的日子继续加油!

这篇关于解决:ShowModalDialog中的Excel导出窗口不能自动弹出以及翻页的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/738289

相关文章

springboot集成easypoi导出word换行处理过程

《springboot集成easypoi导出word换行处理过程》SpringBoot集成Easypoi导出Word时,换行符n失效显示为空格,解决方法包括生成段落或替换模板中n为回车,同时需确... 目录项目场景问题描述解决方案第一种:生成段落的方式第二种:替换模板的情况,换行符替换成回车总结项目场景s

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

C++右移运算符的一个小坑及解决

《C++右移运算符的一个小坑及解决》文章指出右移运算符处理负数时左侧补1导致死循环,与除法行为不同,强调需注意补码机制以正确统计二进制1的个数... 目录我遇到了这么一个www.chinasem.cn函数由此可以看到也很好理解总结我遇到了这么一个函数template<typename T>unsigned

Python实现Excel批量样式修改器(附完整代码)

《Python实现Excel批量样式修改器(附完整代码)》这篇文章主要为大家详细介绍了如何使用Python实现一个Excel批量样式修改器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录前言功能特性核心功能界面特性系统要求安装说明使用指南基本操作流程高级功能技术实现核心技术栈关键函

oracle 11g导入\导出(expdp impdp)之导入过程

《oracle11g导入导出(expdpimpdp)之导入过程》导出需使用SEC.DMP格式,无分号;建立expdir目录(E:/exp)并确保存在;导入在cmd下执行,需sys用户权限;若需修... 目录准备文件导入(impdp)1、建立directory2、导入语句 3、更改密码总结上一个环节,我们讲了

Python实现批量CSV转Excel的高性能处理方案

《Python实现批量CSV转Excel的高性能处理方案》在日常办公中,我们经常需要将CSV格式的数据转换为Excel文件,本文将介绍一个基于Python的高性能解决方案,感兴趣的小伙伴可以跟随小编一... 目录一、场景需求二、技术方案三、核心代码四、批量处理方案五、性能优化六、使用示例完整代码七、小结一、

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

504 Gateway Timeout网关超时的根源及完美解决方法

《504GatewayTimeout网关超时的根源及完美解决方法》在日常开发和运维过程中,504GatewayTimeout错误是常见的网络问题之一,尤其是在使用反向代理(如Nginx)或... 目录引言为什么会出现 504 错误?1. 探索 504 Gateway Timeout 错误的根源 1.1 后端

Web服务器-Nginx-高并发问题

《Web服务器-Nginx-高并发问题》Nginx通过事件驱动、I/O多路复用和异步非阻塞技术高效处理高并发,结合动静分离和限流策略,提升性能与稳定性... 目录前言一、架构1. 原生多进程架构2. 事件驱动模型3. IO多路复用4. 异步非阻塞 I/O5. Nginx高并发配置实战二、动静分离1. 职责2

解决升级JDK报错:module java.base does not“opens java.lang.reflect“to unnamed module问题

《解决升级JDK报错:modulejava.basedoesnot“opensjava.lang.reflect“tounnamedmodule问题》SpringBoot启动错误源于Jav... 目录问题描述原因分析解决方案总结问题描述启动sprintboot时报以下错误原因分析编程异js常是由Ja