我如何在gridview行中使用JavaScript

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）頁面中。 腳本中的動態部分可以使用數據綁定表達式（<％＃Eval（'Column Name'）％>）來自數據行。