GridViewでRenderControlを使用してコントロールが出力するHTMLを取得するには？

2年 ago
海斗, 葵
1 minute

GridViewのRenderControlメソッドは、コントロールが出力するHTMLを取得するために利用できます。サンプルコードを以下に示します。

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 绑定数据到GridView
        BindData();
    }
}

protected void btnExport_Click(object sender, EventArgs e)
{
    // 获取GridView的输出HTML
    string html = GetGridViewHtml(gvData);

    // 导出HTML到文件
    ExportHtmlToFile(html);
}

private void BindData()
{
    // 假设从数据库获取数据
    List<Person> persons = GetPersonsFromDatabase();

    // 绑定数据到GridView
    gvData.DataSource = persons;
    gvData.DataBind();
}

private string GetGridViewHtml(GridView gv)
{
    // 创建一个StringBuilder对象
    StringBuilder sb = new StringBuilder();

    // 创建一个StringWriter对象，用于写入StringBuilder
    StringWriter sw = new StringWriter(sb);

    // 创建一个HtmlTextWriter对象，用于将GridView的输出写入StringWriter
    HtmlTextWriter htw = new HtmlTextWriter(sw);

    // 设置GridView的样式
    gv.Style.Add("font-size", "12px");
    gv.Style.Add("text-align", "center");

    // 渲染GridView的输出
    gv.RenderControl(htw);

    // 返回GridView的输出HTML
    return sb.ToString();
}

private void ExportHtmlToFile(string html)
{
    // 设置文件保存路径
    string filePath = Server.MapPath("~/ExportedHtml.html");

    // 将HTML写入文件
    File.WriteAllText(filePath, html);
    Response.Write("导出成功！");
}

// 重写VerifyRenderingInServerForm方法，以便能够正确渲染GridView
public override void VerifyRenderingInServerForm(Control control)
{
    // 不执行任何操作
}

上のサンプルコードでは、最初にデータを グリッドビュー にバインドし、エクスポート ボタンをクリックすると GetGridView Html メソッドが呼び出されてグリッドビューの出力 HTML が取得されます。次に、ExportHtmlToFile メソッドが呼び出されて HTML がファイルに書き込まれます。GetGridViewHtml メソッドでは、StringBuilder オブジェクトと StringWriter オブジェクトが作成され、HtmlTextWriter オブジェクトの出力が StringBuilder に書き込まれます。最後に、VerifyRenderingInServerForm メソッドがオーバーライドされてグリッドビューが正しくレンダリングされるようにします。

bannerAds