asp.net - 向 GridView 添加默认排序箭头

Question

我是 Asp.net 的新手，目前正在使用 GridViews。我环顾了这个站点，其他人也看到了有关如何向列标题添加排序箭头的提示。

到目前为止，我已经这样做了:

设置这些 GridView 属性:

SortedAscendingHeaderStyle-CssClass="sortasc"
SortedDescendingHeaderStyle-CssClass="sortdesc"

我的 css 有这个:

th.sortasc a  
{
   display:block; padding:0 4px 0 15px; 
   background:url("images/icons/ascArrow.png") no-repeat;
}

th.sortdesc a 
{
   display:block; padding:0 4px 0 15px; 
  background:url("images/icons/descArrow.png") no-repeat;
}

这非常适合在用户单击标题和列排序后显示图像。

我现在遇到的问题是，我希望列默认显示图像，以便用户知道他们可以单击它们进行排序。有没有办法做到这一点？

Answer 1

您可以显示 gridview 的排序行为的箭头RowCreated中的栏目像这样的事件我通常这样做

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.Header)
    {
        foreach (TableCell tc in e.Row.Cells)
        {
            if (tc.HasControls())
            {
                // search for the header link
                LinkButton lnk = (LinkButton)tc.Controls[0];
                if (lnk != null && GridView1.SortExpression == lnk.CommandArgument)
                {
                    // inizialize a new image
                    System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();
                    // setting the dynamically URL of the image
                    img.ImageUrl = "~/img/ico_" + (GridView1.SortDirection == SortDirection.Ascending ? "asc" : "desc") + ".gif";
                    // adding a space and the image to the header link
                    tc.Controls.Add(new LiteralControl(" "));
                    tc.Controls.Add(img);

                }
            }
        }
    }
}

它还在列的升序和降序排序顺序上切换图像

代码实际上是做什么的
循环遍历 GridView Header 以搜索 LinkButton (仅当设置了 SortExpression 属性时，框架才会创建它) .然后，如果找到 LinkButton是已排序的字段，然后将图像显示到输出，仅此而已

AnswerSource