javascript - 动态插入图像到 JavaScript 幻灯片 Asp.net C#

Question

我正在尝试使用此 JavaScript 幻灯片，但它不是动态的，我需要它是动态的。通常，我只使用 ASP Repeater；但是脚本需要一个图像数组，如下所示:

    imagearray: [
        ['<%= ResolveUrl("~/Images/Slide/1.jpg") %>'],
        ['<%= ResolveUrl("~/Images/slide/2.jpg") %>']

我需要从 sql db 加载，所以我想也许:

    imagearray: [
        ['<%: getJson() %>']

然后在 c# 中我试图做这样的事情:

    public string getJson()
    {
        string programId = Request.QueryString["ProgramId"];
        DataTable dt = CatalogAccess.GetProgramImages(programId);
    }

这是我真正陷入困境的地方。我在想也许我可以在数据表中返回我的文件名，然后将它们转换为对象数组？

    public string getJson()
    {
        string programId = Request.QueryString["ProgramId"];
        DataTable dt = CatalogAccess.GetProgramImages(programId);
        dt.Columns.Add("FileName", typeof(string));
        for (int i = 1; i < 10; i++)
        {
            DataRow dr = dt.NewRow();
            dr["FileName"] = "~/Images/Slide/" + i.ToString();
            dt.Rows.Add(dr);
        }

        ArrayList arrayList = new ArrayList();
        //create arraylsit from DataTable
        foreach (DataRow dr in dt.Rows)
        {
            arrayList.Add(dr["FileName"]);
        }
        return arrayList;
    }

显然，这是行不通的；我什至不确定我是否以正确的方式处理这个问题。

此外，为了能够从数据库返回文件名，我还需要能够在 C# 中添加文件路径(这就是我尝试将其添加到数据行的原因)。然后将所有这些字符串放入我的 JavaScript 数组。

如果有任何帮助，我们将不胜感激；如果我偏离了轨道，请不要犹豫，告诉我正确的方向。

Answer 1

让我们回顾一下:

看着:

Console.WriteLine (new JavaScriptSerializer().Serialize( (new ArrayList(){1,2,3,}) ));

将产生:

[1,2,3] 作为字符串

所以改变你的代码返回

return new JavaScriptSerializer().Serialize(arrayList);

代替

 return arrayList;

然后改变:

imagearray: [
    ['<%: getJson() %>']

到

imagearray: <%: getJson() %>;