2010-05-10 4 views
0

Pour ceux d'entre nous qui ont des difficultés esthétiques, existe-t-il un moyen d'appliquer les thèmes de JQuery (par exemple, redmond) à un gridview ASP.NET?Utilisation de JQuery themeroller avec ASP.NET gridview

Quelque chose comme ...

$ (document) .ready (function() {$ (function() {$ ("<% = MyGridView.ClientID%>") Le tableau(). }); });

Peut-être y a-t-il un addin qui imiterait ce type de fonctionnalité?

+0

Avez-vous réussi à le faire fonctionner? Pouvez-vous s'il vous plaît répondre http://stackoverflow.com/questions/9174678/using-jquery-ui-themes-with-asp-net-controls? – Lijo

Répondre

0

Le hview de grilleview rend à une table. Si vous ajoutez la classe CSS, alors tout ira bien. Ajoutez également ce qui suit dans l'événement Databound de la grille de sorte que l'en-tête ne s'affiche pas en tant que ligne.

protected void gridView_DataBound(object sender, EventArgs e) 
    { 
     if (gridView.Rows.Count > 0) 
     { 

      gridView.UseAccessibleHeader = true; 

      gridView.HeaderRow.TableSection = TableRowSection.TableHeader; 
      gridView.HeaderRow.CssClass = ///--Optional-- 
      gridView.FooterRow.TableSection = TableRowSection.TableFooter; 
      gridView.PagerSettings.Visible = true; ///Helps footer 
     } 
    } 
+0

Pouvez-vous répondre à http: // stackoverflow .com/questions/9174678/en utilisant-jquery-ui-themes-avec-asp-net-controls? – Lijo

0

Donnez à votre gridview une classe css et utilisez-la dans le sélecteur jquery. De cette façon, vous pouvez avoir un fichier javascript standard dans toutes vos pages et tout ce que vous avez à faire est d'ajouter la classe css relevent à un gridview et il sera stylé.

+0

J'avais essayé mais j'ai vu une différence. Y a-t-il une classe orientée table dans l'un des thèmes? –

+0

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ Voici quelques exemples de tableaux css qui fonctionneront avec le gridview –