Javascript 如果我将Div放入runat,则不显示Jqwidgets图表=";服务器";
下面是生成Jqwidgets图表的java脚本。。。图表运行良好Javascript 如果我将Div放入runat,则不显示Jqwidgets图表=";服务器";,javascript,asp.net,vb.net,Javascript,Asp.net,Vb.net,下面是生成Jqwidgets图表的java脚本。。。图表运行良好 Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Response.Clear() Response.AddHeader("content-disposition", "attachment;filename=FileName.xls") Response.Charset = "" Response.C
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
Response.Clear()
Response.AddHeader("content-disposition", "attachment;filename=FileName.xls")
Response.Charset = ""
Response.ContentType = "application/vnd.xls"
Dim stringWrite As New System.IO.StringWriter()
Dim htmlWrite As System.Web.UI.HtmlTextWriter = New HtmlTextWriter(stringWrite)
host.RenderControl(htmlWrite)
Response.Write(stringWrite.ToString())
Response.[End]()
End Sub
$(文档).ready(函数(){
$.ajax({
键入:“GET”,
数据类型:“json”,
async:false,
网址:'http://localhost:53807/UI/WebService1.asmx/Apvilladata',
cache:false,
contentType:'application/json;charset=utf-8',
成功:功能(数据){
source=$.parseJSON(data.d);
},
错误:函数(err){
警报(“错误”);
}
});
//准备jqxChart设置
变量设置={
标题:“拉瓦萨的年龄人口”,
说明:“,
传奇:没错,
填充:{左:15,上:15,右:5,下:5},
标题添加:{左:0,上:10,右:20,下:10},
资料来源:资料来源,
启用说明:正确,
//描述:“按活动划分的剧烈运动时间”,
类别:
{
数据字段:“年龄”,
说明:“”,
显示网格线:错误,
显示记号:正确
},
配色方案:“scheme02”,
系列组:
[
{
键入:“列”,
专栏警觉:50,
seriesGapPercent:0,
valueAxis:{
描述:'按年龄计算',
联合国际:10,
最小值:0,
最大值:150,
displayValueAxis:true,
描述:'访客计数',
axisSize:“自动”,
勾选标记颜色:“#8888888”,
},
点击:myEventHandler,
系列:[
{dataField:'Rent',displayText:'Rent'},
{dataField:'Owned',displayText:'Owned'}
]
}
]
};
函数myEventHandler(e){
var eventData='最后一个事件:'+e.Event+',数据字段:'+e.serie.DataField+',值:'+e.elementValue+',X轴:'+e.elementIndex+'//
document.getElementById(“”).value=e.serie.dataField;
document.getElementById(“”).value=e.serie.elementValue;
document.getElementById(“”).value=e.elementIndex;
//警报(document.getElementById(“”.value);
$('#dvmonth').html(document.getElementById(“”.value);
$('#eventText').html(eventData);
document.getElementById(“”)。单击();
};
$('jqxchartappvilla').jqxChart(设置);
});
尝试将此属性添加到您的DIV(ClientIDMode=“Static”)
谢谢,但实际上Java脚本代码中有错误,页面中使用的文件相互冲突。aspx中没有错误code@html或任何部门。。这就解决了。
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
Response.Clear()
Response.AddHeader("content-disposition", "attachment;filename=FileName.xls")
Response.Charset = ""
Response.ContentType = "application/vnd.xls"
Dim stringWrite As New System.IO.StringWriter()
Dim htmlWrite As System.Web.UI.HtmlTextWriter = New HtmlTextWriter(stringWrite)
host.RenderControl(htmlWrite)
Response.Write(stringWrite.ToString())
Response.[End]()
End Sub
$(document).ready(function() {
$.ajax({
type: 'GET',
dataType: 'json',
async: false,
url: 'http://localhost:53807/UI/WebService1.asmx/Apvilladata',
cache: false,
contentType: 'application/json; charset=utf-8',
success: function(data) {
source = $.parseJSON(data.d);
},
error: function(err) {
alert('Error');
}
});
// prepare jqxChart settings
var settings = {
title: "Age Wise Population @Lavasa",
description: "",
showLegend: true,
padding: { left: 15, top: 15, right: 5, bottom: 5 },
titlePadding: { left: 0, top: 10, right: 20, bottom: 10 },
source: source,
enableAnimations: true,
// description: "Time spent in vigorous exercise by activity",
categoryAxis:
{
dataField: 'Age',
description: '',
showGridLines: false,
showTickMarks: true
},
colorScheme: 'scheme02',
seriesGroups:
[
{
type: 'column',
columnsGapPercent: 50,
seriesGapPercent: 0,
valueAxis: {
description: 'Age Wise Count',
unitInterval: 10,
minValue: 0,
maxValue: 150,
displayValueAxis: true,
description: 'Visitors Count',
axisSize: 'auto',
tickMarksColor: '#888888',
},
click: myEventHandler,
series: [
{ dataField: 'Rent', displayText: 'Rent' },
{ dataField: 'Owned', displayText: 'Owned' }
]
}
]
};
function myEventHandler(e) {
var eventData = '<div><b>Last Event: </b>' + e.event + '<b>, DataField: </b>' + e.serie.dataField + '<b>, Value: </b>' + e.elementValue + '<b>, X-Axis: </b>' + e.elementIndex + "</div>"; //
document.getElementById("<%=hfdatafield.ClientID %>").value = e.serie.dataField;
document.getElementById("<%=hfvalue.ClientID %>").value = e.serie.elementValue;
document.getElementById("<%=hfMonth.ClientID %>").value = e.elementIndex;
// alert(document.getElementById("<%=hfMonth.ClientID %>").value);
$('#dvmonth').html(document.getElementById("<%=hfMonth.ClientID %>").value);
$('#eventText').html(eventData);
document.getElementById('<%= btnshowgrid.ClientID%>').click();
};
$('#jqxChartApvilla').jqxChart(settings);
});
<div id="host" class="graph-container divsub" ClientIDMode="Static" runat="server" style="padding: 0px;margin-left: 30px;">
<div id="jqxChartApvilla" style="width: 610px; height: 370px;" runat="server">
</div>
</div>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />