Question

我想在gridview中使用flash图表。你可以在下面看到我的代码：

        DataTable tbl = new DataTable();
        tbl.Columns.Add("chart");
        DataRow rw;

        rw = tbl.NewRow();
        rw["chart"] = @"<div id=""chart5Div""></div>

                <script type=""text/javascript"">
                    var chart = new FusionCharts(""Charts/FCF_MSLine.swf"", ""ChId1"", ""500"", ""300"");
                    var strXml = ""<graph numdivlines='4' lineThickness='3' showValues='0' numVDivLines='10' formatNumberScale='1' rotateNames='1' decimalPrecision='1' anchorRadius='2' anchorBgAlpha='0' numberPrefix='$' divLineAlpha='30' showAlternateHGridColor='1' yAxisMinValue='800000' shadowAlpha='50' >"";
                    strXml += ""<categories >"";
                    strXml += ""<category Name='Jan' />"";
                    strXml += ""<category Name='Feb' />"";
                    strXml += ""<category Name='Mar' />"";
                    strXml += ""<category Name='Apr' />"";
                    strXml += ""</categories >"";

                    strXml += ""<dataset seriesName='Current Year' color='A66EDD' anchorBorderColor='A66EDD' anchorRadius='4'>"";
                    strXml += ""<set value='1127654' />"";
                    strXml += ""<set value='1226234' />"";
                    strXml += ""<set value='1299456' />"";
                    strXml += ""<set value='1311565' />"";
                    strXml += ""</dataset>"";
                    strXml += ""</graph>"";
                    chart.setDataXML(strXml);
                    chart.render(""chart5Div"");
                </script>";
        tbl.Rows.Add(rw);
        GridView1.DataSource = tbl;
        GridView1.DataBind();

我必须动态创建我的数据源。但是当页面运行时，我只能在gridview中看到字符串值而不是我的图表。但图表代码在表标签之间正确运行。我怎样才能在gridview中使用这些代码？

KR

Answer 1

您在网格视图中使用哪种列来显示“图表”数据？该列将（正确）转义您的HTML。我建议使用TemplateColumn和潜水，你的所有脚本都可以放在标记（aspx）页面中。脚本中的动态部分可以来自使用数据绑定表达式的数据行（＆lt;％＃Eval（'Column Name'）％＆gt;）。

我如何在gridview行中使用javascript

1 个答案: