关于系统首页绘制问题（ext布局+c#后台添加数据）经html输出流输出响应客户端
2，，采用的技术：functioncharts+jquery+ext布局+c#+html
讲解篇：1，服务端aspx,2，服务端后台返回数据（这里采用服务器端程序：aspx.cs）
1，服务端aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="HMFW.Web.Main" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head id="Head1" runat="server"> <title> <%=HMFW.Common.GlobalSettings.Instance.WebTitle%></title> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <script src=http://www.mamicode.com/"Js/jquery-1.6.min.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"/Js/jquery.easyui.min.js" type="text/javascript"></script> <link href=http://www.mamicode.com/"/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href=http://www.mamicode.com/"css/ext-patch.css" rel="stylesheet" type="text/css" /> <link href=http://www.mamicode.com/"css/ext.css" rel="stylesheet" type="text/css" /> <link href=http://www.mamicode.com/"css/index.css" rel="stylesheet" type="text/css" /> <script src=http://www.mamicode.com/"/Js/FusionChartsMain.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"Js/jquery-loadmask-0.4/jquery.loadmask.min.js" type="text/javascript"></script> <link href=http://www.mamicode.com/"Js/jquery-loadmask-0.4/jquery.loadmask.css" rel="stylesheet" type="text/css" /> <%--<script src=http://www.mamicode.com/"Js/Pages/SQJS/Report/SQFamilyReport.js"></script>--%> <!--[if lt IE 7]> <script type="text/javascript" src=http://www.mamicode.com/"Js/unitpngfix.js"></script> <style type="text/css"> img { behavior: url(Js/iepngfix.htc) } </style> <![endif]--> <script type="text/javascript"> function PD() { var handle; var ret; handle = LivActiveX.LivOpen(0, 0); //打开句柄 if (handle < 12) {//没有数据 // $.messager.alert('提示', "您的加密狗设备已拔出，请插入后重新登陆！", 'error', function() { Loginout("您的加密狗设备已拔出，请插入后重新登陆！"); // }); return false; } setTimeout("PD()", 2000); } $(function () { if ($("#hidNeedJiamigou").val() == "1") { PD(); } }); $("#rblReportType").live("click", function () { if ($("#rblReportType").find("[checked]").val() == "1") { $("#divFlashReport1").show(); $("#divFlashReport2").hide(); } else if ($("#rblReportType").find("[checked]").val() == "2") { $("#divFlashReport2").show(); $("#divFlashReport1").hide(); } }); function UpdateFlashData1() { var xmlValue = $("#xmlFlash1").val(); var chart_myFirst = new FusionCharts("/charts/MSColumn2D.swf", "myFirst", "100%", "480", "0", "0"); chart_myFirst.setDataXML(xmlValue); chart_myFirst.setTransparent(true); chart_myFirst.render("divFlashReport1"); } function UpdateFlashData2() { var xmlValue = $("#xmlFlash2").val(); var chart_myFirst = new FusionCharts("/charts/Pie2D.swf", "myFirst", "100%", "480", "0", "0"); chart_myFirst.setDataXML(xmlValue); chart_myFirst.setTransparent(true); chart_myFirst.render("divFlashReport2"); } ////网站管理 //function LoginWebSite(sLoginName, iLevel, sAreaCode) { // var url = ":6068/admins/qh_login_auto.php?username=" + sLoginName + "&sareacodelevel=" + iLevel + "&sareacode=" + sAreaCode; // //window.location.href = url; // window.open(url, "newwindow", "", ""); //} </script> </head> <body style="background-color: #DCEAFC"> <form id="form1" runat="server"> <div runat="server" id="hidTip" style="display: none;"></div> <ext:ResourceManager ID="ResourceManager1" runat="server"> </ext:ResourceManager> <ext:Viewport ID="ViewPort1" runat="server"> <Items> <ext:BorderLayout ID="BorderLayout1" runat="server"> <North Collapsible="false" Split="false" SplitTip="双击隐藏" UseSplitTips="true" MinHeight="90" MaxHeight="60"> <ext:Panel Height="60" runat="server" ID="NorthPanel" Html=""> </ext:Panel> </North> <%--<West Collapsible="true" Split="true" SplitTip="双击隐藏" UseSplitTips="true" MinWidth="200px"> <ext:Panel ID="Panel5" runat="server" Height="300" Width="200px" Title="系统导航菜单"> <Items> <ext:AccordionLayout ID="AccordionLayout1" runat="server" Animate="true"> </ext:AccordionLayout> </Items> </ext:Panel> </West>--%> <West Collapsible="true" Split="true" SplitTip="双击隐藏" UseSplitTips="true" MinWidth="200px"> <ext:TreePanel ID="treePanel" runat="server" AutoScroll="true" Width="220px" Title="功能菜单" Icon="Plugin" CtCls="west-panel" StyleSpec="float:left;"> <TopBar> <ext:Toolbar ID="Toolbar1" runat="server"> <Items> <ext:Button ID="Button1" runat="server" IconCls="icon-expand-all"> <Listeners> <Click Handler="#{treePanel}.expandAll();" /> </Listeners> <ToolTips> <ext:ToolTip ID="ToolTip1" IDMode="Ignore" runat="server" Html="全部展开" /> </ToolTips> </ext:Button> <ext:Button ID="Button2" runat="server" IconCls="icon-collapse-all"> <Listeners> <Click Handler="#{treePanel}.collapseAll();" /> </Listeners> <ToolTips> <ext:ToolTip ID="ToolTip2" IDMode="Ignore" runat="server" Html="全部折叠" /> </ToolTips> </ext:Button> </Items> </ext:Toolbar> </TopBar> </ext:TreePanel> </West> <Center> <ext:TabPanel ID="Pages" runat="server" ActiveTabIndex="0" EnableTabScroll="true"> <Items> <ext:Panel ID="tabHome" runat="server" Title="系统首页" Icon="ApplicationHome" BodyStyle="background-color: transparent;" AutoScroll="true"> <Items> <ext:FitLayout runat="server" ID="FitLayout1"> <Items> <ext:Portal ID="Portal1" AutoWidth="true" runat="server" Layout="ColumnLayout" BodyBorder="false"> <Items> <ext:PortalColumn ID="PortalColumn2" runat="server" Layout="AnchorLayout" StyleSpec="padding:10px 0 10px 10px" ColumnWidth=".56"> <Items> <ext:Portlet ID="Portlet7" Title="人员信息图表" runat="server"> <Content> <div id="divFlash" style="text-align: center"> <asp:RadioButtonList Style="margin: auto; font-weight: bold; font-size: larger;" ID="rblReportType" RepeatDirection="Horizontal" runat="server"> <asp:ListItem Value="1" Selected="True">柱状图</asp:ListItem> <asp:ListItem Value="2">饼状图</asp:ListItem> </asp:RadioButtonList> <div id="divFlashReport1" style="overflow: scroll; font-size: 12px; width: auto; text-align: center; margin-top: 5px;"> </div> <div id="divFlashReport2" style="overflow: scroll; display: none; font-size: 12px; width: auto; text-align: center; margin-top: 5px;"> </div> </Content> </ext:Portlet> </Items> </ext:PortalColumn> <ext:PortalColumn ID="PortalColumn1" runat="server" Layout="AnchorLayout" StyleSpec="padding:10px" ColumnWidth=".44"> <Items> <ext:Portlet ID="Portlet3" Title="辖区信息" runat="server" /> <ext:Portlet ID="Portlet8" Title="通知公告" runat="server" Visible="false" /> <%--<ext:Portlet ID="Portlet2" Title="系统升级报告" runat="server" />--%> </Items> </ext:PortalColumn> </Items> </ext:Portal> </Items> </ext:FitLayout> </Items> </ext:Panel> </Items> <Plugins> <ext:TabCloseMenu runat="server" ID="ctl162" CloseTabText="关闭" CloseTabIcon="UserRed" CloseOtherTabsText="关闭其他" CloseOtherTabsIcon="UserGreen" CloseAllTabsText="关闭所有" CloseAllTabsIcon="Delete" /> </Plugins> </ext:TabPanel> </Center> <East Collapsible="true" Split="true" SplitTip="双击隐藏" UseSplitTips="true" MinWidth="200px"> <ext:Panel runat="server" ID="helpPanel" Title="地区导航" Width="200px" AutoScroll="true" Collapsed="True"> </ext:Panel> </East> <South MinHeight="20px"> <ext:Panel Height="20px" runat="server" ID="BottomPanel" Title="" /> </South> </ext:BorderLayout> </Items> </ext:Viewport> <div id="customEl" class="x-hide-offsets"> <table style="cursor: pointer; width: 100%; margin-top: 3px;" onclick="ReadMessage();return false;"> <tr> <td style="width: 50px; background-color: #EEF6F9; border-right: 1px solid #99BBE8" valign="middle"> <img src=http://www.mamicode.com/"css/notify_letter083516.png" /></td> <td style="text-align: left; padding-left: 2px; font-size: 14px; font-weight: bold">你有<span id="spanMessage" style="color: red; font-size: 14px;">0</span>条未读短信!</td> </tr> </table> </div> <div class="wbk" id="dbsx"> <div class="arrowbox"></div> <div class="dbclose" title="关闭"></div> <div class="daiban" id="dbsxitems"></div> </div> <div class="wbk" id="dbuser"> <div class="arrowbox"></div> <div class="dbclose" id="btnuserclose" title="关闭"></div> <div class="daiban" id="dbusernotes" runat="server"></div> </div> <input runat="server" type="hidden" id="hidIsChange" value="0" /> <input runat="server" type="hidden" id="hidgUserID" /> <input runat="server" type="hidden" id="FrameType" value="1" title="1 Default页面 2 Index页面" /> <input runat="server" type="hidden" id="IsShowSouth" value="0" /> <input runat="server" type="hidden" id="hidisTabClose" value="0" title="tab关闭是否询问" /> <input runat="server" type="hidden" id="hidNeedJiamigou" /> <input runat="server" type="hidden" id="hideUserWGName" /> <input type="hidden" runat="server" id="xmlFlash1" /> <input type="hidden" runat="server" id="xmlFlash2" /> </form> <% if (HMFW.Common.GlobalSettings.Instance.NeedJiamigou) { %><object classid="clsid:CECFB72F-E4CA-438B-A6ED-C100572D7036" id="LivActiveX" codebase="/CAB/livCOM.cab#version=1,0,0,1" type="hidden" width="0" height="0"> </object> <%} %> </body> <script src=http://www.mamicode.com/"Js/Extjs/extWindow.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"Js/Pages/Default.js" type="text/javascript"></script> </html> 2，服务端后台返回数据（这里采用服务器端程序：aspx.cs）
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/71124.html
- 上一篇：XAPI(XenAPI)
- 下一篇：C#隐式运CMD命令
