每日雕蟲一技[2013-03-05]fusionChart与easyUI-tab插件不兼容

最新推荐文章于 2018-11-28 18:07:44 发布
最新推荐文章于 2018-11-28 18:07:44 发布
阅读量2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/UnOpenMyCode/article/details/8636957
版权 
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>统计报表</title>
    <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
    <script type="text/javascript" src="FusionCharts/FusionChartsExportComponent.js"></script>
    <link rel="stylesheet" type="text/css" href="../*****/JqueryEasyUI/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../****/JqueryEasyUI/themes/icon.css" />
    <script type="text/javascript" src="../****/JqueryEasyUI/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../*****/JqueryEasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        function myformatter(date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);
        }  
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="demo-info">
        <div class="demo-tip icon-tip">
        </div>
        <div>
             <a href="#" class="easyui-linkbutton">搜索</a>  </font>
        </div>
    </div>
    <div style="margin: 10px 0;">
    </div>
    <div class="easyui-tabs" style="width: 1200; height: 520">
        <div title="报表(表格)" style="padding: 10px">
            <rsweb:ReportViewer ID="ReportViewer" runat="server" Width="1000">
            </rsweb:ReportViewer>
        </div>
        <div title="报表(图形)" style="padding: 10px">
            <%=this.GetChartHtml() %>
        </div>
    </div>
    </form>
</body>
</html>

改为：

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>报表</title>
    <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
    <script type="text/javascript" src="FusionCharts/FusionChartsExportComponent.js"></script>
    <link rel="stylesheet" type="text/css" href="../*******/JqueryEasyUI/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../*****/JqueryEasyUI/themes/icon.css" />
    <script type="text/javascript" src="../*********/JqueryEasyUI/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../*****/JqueryEasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        function myformatter(date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);
        }

        $(function () {
            $('#tabsChart').tabs({
                onSelect: function (title) {
                    if (title == "报表(图形)") {
                        var p = $(this).tabs('getTab', title);
                        //p.find('iframe').attr('src', '...');
                        //debugger;
                        $.ajax({ url: "GetChartHtml.aspx", context: document.body, success: function (data) {
                            //debugger;
                            $('#tabFusionChart').html(data);
                        }
                        });

                    }
                }
            });
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="demo-info">
        <div class="demo-tip icon-tip">
        </div>
        <div>
             <a  href="#" class="easyui-linkbutton">搜索</a> 
        </div>
    </div>
    <div style="margin: 10px 0;">
    </div>
    <div id="tabsChart" class="easyui-tabs" style="width: 1200; height: 520">
        <div title="报表(表格)" style="padding: 10px">
            <rsweb:ReportViewer ID="ReportViewer" runat="server" Width="1000">
            </rsweb:ReportViewer>
        </div>
        <div title="报表(图形)" style="padding: 10px" id="tabFusionChart">
            
        </div>
    </div>
    </form>
</body>
</html>

AJAX威武。

安欧碰麦蔻德
关注
jquery-easyui关闭tab自动切换到前一个tab
12-03
标题中的“jquery-easyui关闭tab自动切换到前一个tab”指的是在使用jQuery EasyUI库创建的多标签界面中，当用户关闭一个tab时，系统能够自动切换到被关闭tab的前一个tab，以提供更好的用户体验。jQuery EasyUI是基于...
jquery-easyui-1.7.0.zip官方文档
11-04
jQuery EasyUI 是一个基于 jQuery 的轻量级框架，它为开发者提供了一系列组件，使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中，这个强大的工具集进一步优化和完善，为开发者带来了更丰富的功能和...
FusionCharts图表常见问题及解决方法(一)
BTfan123的专栏
01-24 1947
当你利用FusionCharts创建图表时报错，原因是多方面的。本文总结了一些常见问题及解决方法供大家参考，希望对大家有帮助。>>>下载FusionCharts  如果你无法看到任何图表： 如果浏览器中的进度条一直加载，或者右键菜单显示 "Movie not loaded"，请检查下列内容： 1、是否已将SWF图表和JavaScript文件(FusionCharts.js, FusionCh
FusionCharts使用问题及解决方法(四)-FusionCharts常见问题大全
牛栏山矿泉水
03-18 158
FusionCharts使用问题及解决方法(四) 问题描述：使用FusionCharts时，我想在一个给定的时间间隔内自动在服务器端生成图表，将最新生成的图表以电子邮件方式发出去？ 解决方法：请注意，目前为止FusionCharts 不支持直接通过邮件发送图表。但是FusionCharts图表组件允许你将图片导出为图像并保存在服务器上。因此，你可以编写你自己的脚本，然后自动地将保存的图...
每日雕蟲一技[2013-03-21]诡异的EasyUI-DateTimeBox
UnOpenMyCode的专栏
03-21 4693
场景重现：              input class="easyui-datetimebox" id="UnOpenMyCode"              data-options="required:true,showSeconds:false" /> 取值方法：          1. $("#UnOpenMyCode").datetimebox('getVal
每日雕蟲一技[2013-03-21]诡异的EasyUI-combobox GetValue
UnOpenMyCode的专栏
03-26 1999
原来是忘记加上“data-options="valueField:'id',textField:'text'"” 无论怎么$('#DDL_DateList').combobox('getValue')也是失败的
Easyui easyui-datebox日期控件格式设置
热门推荐
漫天雪_昆仑巅
09-27 1万+
easyui-datebox默认格式为 10/12/2018  1、设置格式化月份， 将easyui-datebox日期控件格式设置为自定义形式，如：2018-09，只显示年月，如下： html如下： &lt;input id="st_mouth" editable="false" class="easyui-datebox" name="name" data-options="l...
解决当在对个tab页中使用easyui-layout导致的第二个tab中布局混乱问题
Keep moving on.
11-28 1639
一、问题描述： 第一个tab页和第二个tab中布局相同，左右布局，即west 和center ， 页面初始化时，自动展示第一个tab页，布局正常如图一所示，但切换第二个tab页时发现west部分没有撑起设定的width，而是缩到左侧，见图二。 图一：（tab1） 图二：（显示混乱的tab2） 二、解决办法： 添加tab 页切换监听，当切换时，自动刷新布局，代码如下： $(f...
easyui-tabs第一个标签被遮挡
风火一回，一生不毁
03-15 2369
使用easyui-tabs时布局的时候发觉第一个标签的标题总是被遮挡，但是点击一下第二个标签再点击一个标签又恢复想要的效果了。例如： 那么解决方法就可以是，加载完成后让它先选中第二个标签，再选择第一个标签，但这会出现一个问题，就是页面加载完成后会出现闪跳现象，即从第二标签页闪跳回第一标签页。找了很久，找到了另一个解决方法。 easyui-tabs默认情况下标签是可以无限多的，所
jquery-easyui-themes.rar_easyui 主题_easyui主题_html_jquery_jquery-e
09-20
《jQuery EasyUI 主题详解与应用》 jQuery EasyUI 是一款基于 jQuery 的前端框架，它提供了丰富的组件和易于使用的API，极大地简化了Web界面的开发。而其核心魅力之一，便是丰富的主题系统，使得开发者可以轻松定制...
dms.rar_easyui java_easyui-datagrid_jeasyui ibatis_jquery-easyui
09-24
标签中的"easyui-java"表示项目使用了EasyUI与Java的结合，"easyui-datagrid"是EasyUI中的一个关键组件，用于展示表格数据。"jeasyui"可能指的是jQuery-EasyUI，它是EasyUI的一个扩展，提供了更多的jQuery插件和组件...
解决easyui-tabs中使用iframe时出现两个垂直滚动条
zhlantian的专栏
04-19 8290
最近在使用easyui-tabs加iframe时，出现了两个垂直滚动条的现象，如下图所示 前端代码如下：<div id="infoDlg" class="easyui-dialog" data-options="closed:true,width:700,height:400,title:'案件信息',buttons:'#infobtns',onClose:CloseAllTab">
easyui-datebox不能选择未来时间的解决方案
风火一回，一生不毁
08-14 7566
对于easyui并未提供对日期控件的时间校验，然而有时候我们并不希望用于能选择未来的时间。下面给出两个简单的应对方案。 html文件如下： 请选择日期： 方案1，通过datebox的onSelect时间重置选择的时间。 $("#testDate").datebox({ onSelect:function(date){ var nowDate = new Date();
嵌入式学习之信号发生器.zip
09-24
嵌入式学习之信号发生器.zip
python1Python脚本 模拟登录知乎， 爬虫，操作excel，微信公众号，远程开机PGL.zip
最新发布
09-24
[python1]Python脚本。模拟登录知乎， 爬虫，操作excel，微信公众号，远程开机【PGL】.zip [python1]Python脚本。模拟登录知乎， 爬虫，操作excel，微信公众号，远程开机【PGL】.zip [python1]Python脚本。模拟登录知乎， 爬虫，操作excel，微信公众号，远程开机【PGL】.zip
嵌入式学习之电压一频率.zip
09-24
嵌入式学习资料电子信息与技术
利用easyUI验证插件实现学生信息表单：学号校验与重复检查
在本篇文章中，作者探讨了如何使用jQuery插件EasyUI实现表单验证，特别是在添加学生信息时，如何确保学号的唯一性和正确格式。目标是创建一个表单，其中包含一个用于输入学号的文本框，以及一个隐藏的textarea用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值