Javascript 如果我将Div放入runat,则不显示Jqwidgets图表=";服务器";

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

下面是生成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.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" />