日期:2014-05-20  浏览次数:20905 次

ReportViewer的Loading样式怎么改?
原始样式丑死人

我找了半天愣是没找到有相关的信息

然后看了下页面源码:


<div id="ctl00_ContentPlaceHolder1_ReportViewer1_AsyncWait_Wait" style="cursor:wait;background-color:#ECE9D8;padding:15px;border:1px solid black;display:none;position:absolute;">

<table height="100%">

<tr>

<td width="32px" height="32px"><img src="/Report/Reserved.ReportViewerWebControl.axd?OpType=Resource&amp;Version=10.0.40219.329&amp;Name=Microsoft.Reporting.WebForms.Icons.SpinningWheel.gif" style="height:32px;width:32px;" /></td><td style="vertical-align:middle;text-align:center;"><span style="font-family:Ebrima;font-size:14pt;">正在加载...</span><div style="margin-top:3px;">

<a href="javascript:$get(&#39;ctl00_ContentPlaceHolder1_ReportViewer1_AsyncWait&#39;).control._cancelCurrentPostback();" style="font-family:Verdana;font-size:8pt;color:#3366CC;">取消</a>

</div>


想着似乎直接操作HTML标签就行了,于是这样写


   </form>
        <script type="text/javascript" >
            var div = $("ctl00_ContentPlaceHolder1_ReportViewer1_AsyncWait_Wait");
            div.parentNode.removeChild(div);
    </script>


可耻的失败了。第一次读数据那个loading的确是没出现,但是连图表也跟着没出现。
第二次读数据loading又跑回来了。

崩溃
------解决方案--------------------
不过用CSS倒是成功了

        <style type="text/css">
#ctl00_ContentPlaceHolder1_ReportViewer1_AsyncWait_Wait
{
    height:1000px;
}
</style>

剩下的问题就是似乎无法覆盖掉之前的CSS效果
------解决方案--------------------
没人会,算了。自己玩CSS去