ASP.NET GridView SortedAscendingHeaderStyle non funziona

Question

mio SortedAscendingHeaderStyle e SortedDescendingHeaderStyle non funziona a tutti i

<asp:GridView ID="grdProducts" runat="server" CssClass="grid" AllowPaging="True" AllowSorting="True" PageSize="100" EmptyDataText="No data to show" 
       onrowdatabound="grdProducts_RowDataBound" onrowediting="grdProducts_RowEditing" onsorting="grdProducts_Sorting" AutoGenerateEditButton="True"> 
    <AlternatingRowStyle CssClass="even" /> 
    <SortedAscendingHeaderStyle ForeColor="White" CssClass="sorted" /> 
    <SortedDescendingHeaderStyle CssClass="sorted desc" /> 
</asp:GridView> 

righe sono allineati correttamente quando le intestazioni sono cliccato, ma quando ho ispezionare l'intestazione utilizzando Firebug, mostra solo: (questo è quando filtrate ascendente)

<th scope="col"> 
    <a href="javascript:__doPostBack('ctl00$body$ctl00$grdProducts','Sort$Namekey')">Namekey</a> 
</th> 

ForeColor e CssClass siano fissati a tutti.

Qualcuno ha idea di cosa sto facendo male?

EDIT: Il mio codice C# dietro

protected void grdProducts_Sorting(object sender, GridViewSortEventArgs e) 
    { 
    if ((string)ViewState["SortColumn"] == e.SortExpression) 
     ViewState["SortDirection"] = ((string)ViewState["SortDirection"] == "") ? " DESC" : ""; 
    else 
    { 
     ViewState["SortColumn"] = e.SortExpression; 
     ViewState["SortDirection"] = ""; 
    } 
    } 

    protected override void OnPreRender(EventArgs e) 
    { 
    BindGrid(); 
    base.OnPreRender(e); 
    } 

    private void BindGrid() 
    { 
    string query = "SELECT ... ORDER BY " + ViewState["SortColumn"] + ViewState["SortDirection"]; 

    DataTable dt = SqlFunctions.Select(query); 
    grdProducts.DataSource = dt; 
    grdProducts.DataBind(); 
    } 

Answer 1

io non sono sicuro se SortedDescendingHeaderStyle opere senza codice, se non si sta utilizzando un asp:SQLDataSource come origine dati GridView. Ma un po 'di codice può portarti lì.

È necessario applicare manualmente lo stile CSS alla cella dell'intestazione. Puoi farlo nell'evento Sorting.

Answer 2

penso che sia il momento della vostra associazione dati. Cambia la tua associazione dati a lavorare in questo modo:

protected void Page_Load(object sender, EventArgs e) 
    {  
    if (!Page.IsPostBack) 
    { 
     BindGrid();  
    } 
    } 

    protected void grdProducts_Sorting(object sender, GridViewSortEventArgs e) 
    { 
    if ((string)ViewState["SortColumn"] == e.SortExpression) 
     ViewState["SortDirection"] = ((string)ViewState["SortDirection"] == "") ? " DESC" : ""; 
    else 
    { 
     ViewState["SortColumn"] = e.SortExpression; 
     ViewState["SortDirection"] = ""; 
    } 
    BindGrid(); 
    } 

GridView.Sorting Event

Answer 3

Non ho abbastanza rappresentante per commentare la risposta accettata. Quando ho provato ad applicare la soluzione, sarebbe stata ordinata correttamente, ma non ho applicato la classe CSS a ciò che è stato reso.

Nel mio caso, invocare DataBind() sulla mia griglia DOPO l'ordinamento del mio DataSource (List) e assegnarlo come DataSource della griglia, ma PRIMA di impostare CssClass ha fatto il trucco. Ho pensato di condividere nel caso in cui qualcun altro avesse riscontrato qualcosa di simile.