防止在自动生成的 GridView 列中进行 HTML 编码

Question

我有一个绑定到我构建的 DataTable 的 GridView。表中的大多数列都包含超链接链接的原始 HTML，我希望该 HTML 在浏览器中呈现为链接，但 GridView 会自动对 HTML 进行编码，因此它呈现为标记。

如果不显式添加 HyperLink 或任何其他列，如何避免这种情况？

Answer 1

只需将BoundColumn.HtmlEncode 属性设置为 false：

<asp:BoundField DataField="HtmlLink" HtmlEncode="false" />

---

恐怕没有简单的方法来禁用GridView 和AutoGenerateColumns= true 中内容的HTML 编码。但是，我可以想到两种可能解决您面临的问题的解决方法：

选项1：继承GridView类，覆盖Render方法，遍历所有单元格，解码其内容，然后执行基方法：

for (int i = 0; i < Rows.Count; i++) 
{
    for (int j = 0; j < Rows[i].Cells.Count; j++) 
    {
        string encoded = Rows[i].Cells[j].Text;
        Rows[i].Cells[j].Text = Context.Server.HtmlDecode(encoded);
    }
}

选项 2： 在继承自 GridView 的类中或在使用它的 Page 或 Control 中，自己检查 DataTable 并创建显式 BoundColumn对于每一列：

foreach (DataColumn column in dataTable.Columns)
{
    GridViewColumn boundColumn = new BoundColumn
        {
            DataSource = column.ColumnName,
            HeaderText = column.ColumnName,
            HtmlEncode = false
        };
    gridView.Columns.Add(boundColumn);
}

Answer 2

由于链接的 html 已经在您的数据库中，您可以将 html 输出到文字控件。

<asp:TemplateField HeaderText="myLink" SortExpression="myLink">
    <ItemTemplate>
        <asp:Literal ID="litHyperLink" runat="server" Text='<%# Bind("myLink", "{0}") %>' />
    </ItemTemplate>
</asp:TemplateField>

这应该将您的链接呈现为原始文本，允许浏览器将其呈现为您期望的链接。

Answer 3

另一种方法是在 RowDataBound 事件处理程序中添加如下内容...

    If e.Row.RowType = DataControlRowType.Header Then
        For Each col As TableCell In e.Row.Cells
            Dim encoded As String = col.Text
            col.Text = Context.Server.HtmlDecode(encoded)
        Next
    End If

Answer 4

我能够通过使用 Jørn Schou-Rode 提供的解决方案来实现这一点，我进行了一些修改以使其能够从我的 Gridview 的 RowDataBound 事件中工作。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
           for (int j = 0; j < e.Row.Cells.Count; j++) 
           {
               string encoded = e.Row.Cells[j].Text;
               e.Row.Cells[j].Text = Context.Server.HtmlDecode(encoded);
           }

    }
}

Answer 5

使用 OnRowCreated

    protected void gvFm_RowCreated(object sender, GridViewRowEventArgs e)
    {
        foreach (TableCell cell in e.Row.Cells)
        {
            BoundField fldRef = (BoundField)((DataControlFieldCell)cell).ContainingField;
            switch (fldRef.DataField)
            {
                case "ColToHide":
                    fldRef.Visible = false;                        
                    break;
                case "ColWithoutEncode":
                    fldRef.HtmlEncode = false;                        
                    break;
            }
        }
    }

Answer 6

如果要在所有行和列中禁用 HTML 编码，可以在 RowDataBound 事件中使用此代码。

protected void GV_Product_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        foreach (TableCell ObjTC in e.Row.Cells)
        {
            string decodedText = HttpUtility.HtmlDecode(ObjTC.Text);
            ObjTC.Text = decodedText;
        }
    }
}

Answer 7

由于所有答案似乎都在 C# 中并且问题并不具体，因此我使用 ASP.Net 和 VB.Net 遇到了这个问题，并且接受的解决方案在 VB 中对我不起作用（尽管我认为它确实有效在 C# 中）。希望这对在 ASP 中使用 VB.Net 的人有所帮助，并且像我一样偶然发现这一点。

在 VB.Net 中，BoundColumn 不能添加到 Gridview.Columns，因为它不是 System.Web.UI.WebControls.DataControlField，因此必须使用 BoundField，即 DataControlField。

BoundColoumn 也没有 HtmlEncode 属性，但 BoundField 有。此外，在 VB.Net 中，DataSource 变为 DataField。

        For Each dataCol As DataColumn In dv.Table.Columns
            Dim boundCol As New BoundField With {
                .DataField = dataCol.ColumnName,
                .HeaderText = dataCol.ColumnName,
                .HtmlEncode = False
            }

            gvResult.Columns.Add(boundCol)
        Next

        gvResult.DataSource = dv
        gvResult.Databind()

另请注意，您必须显式设置AutoGenerateColumns="False"，否则 GridView 仍会与上面添加的列一起生成列。