使用 C# 后台代码洗牌 div

Question

我有一个包含 10 个 div 的 aspx 页面。每次页面刷新时，其中 6 个 div 需要随机定位。这些 div 中有很多内容，所以我必须避免使用 javascript 来执行此操作。有人告诉我，这可以使用 c# 中的代码隐藏来实现。 这是一个想法：

protected void Page_Load(object sender, EventArgs e)
{
    var plantripsmall = new List<HtmlGenericControl> {
        div1, div2
    };

    DrawShuffled(plantripsmall);
}

public void DrawShuffled(List<HtmlGenericControl> orig)
{

    Random rnd = new Random();

    var shuffled = orig.OrderBy(s => rnd.Next()).ToList();

    int i = 0;
    while (i < orig.ToArray().Length)
    {
        orig[i].InnerHtml = shuffled[i].InnerHtml;
        i++;
    }
}

但这并没有真正起作用。

Cannot get inner content of div2 because the contents are not literal

此外，我想避免控制

更新 问题似乎是我在第二个 div 中的包含文件：

<div runat="server" id="div2">
<!--#include virtual="files/hello.aspx" -->
...more content
</div>

你知道我将如何解决这个问题吗？

Answer 1

您确实应该使用 jQuery 或其他一些客户端 javascript 来执行此操作。我不明白你为什么要求 javascript 不能为此工作。

Answer 2

我不确定为什么我没有收到该错误。刚刚试了一下，效果很好。

       HtmlGenericControl div1 = new HtmlGenericControl("div");
       HtmlGenericControl div2 = new HtmlGenericControl("div");
       div1.InnerHtml = "test1";
       div2.InnerHtml = "test2";
       var lst = new List<HtmlGenericControl>
       {
          div1,
          div2
       };
       Random rnd = new Random();

       var shuffled = lst.OrderBy(s => rnd.Next()).ToList();

        int i = 0;
        while (i < lst.ToArray().Length)
        {
            lst[i].InnerHtml = shuffled[i].InnerHtml;
            i++;
        }

        this.Controls.Add(div1);
        this.Controls.Add(div2);