Existe-t-il un moyen facile de remplir un tableau HTML avec SQL dans ASP.NET 2.0?

Question

J'ai 3 requêtes SQL similaires qui ramèneront chacune 1 enregistrement avec 5 champs.

Je souhaite afficher verticalement chacun de ces trois enregistrements dans un tableau HTML.

Évidemment, je n'ai pas besoin de tri ou de pagination, donc je ne veux pas gaspiller de frais généraux sur un gridView.

<table> 
     <tr><td>Last</td><td>Col1</td><td>Col2</td><td>Col3</td></tr> 
     <tr><td>First</td><td>Col1</td><td>Col2</td><td>Col3</td></tr> 
     <tr><td>Middle</td><td>Col1</td><td>Col2</td><td>Col3</td></tr> 
     <tr><td>Gender</td><td>Col1</td><td>Col2</td><td>Col3</td></tr> 
     <tr><td>Birth Date</td><td>Col1</td><td>Col2</td><td>Col3</td></tr> 
    </table> 

Je veux Col1, Col2 et Col3 pour afficher les résultats de leurs requêtes SQL respectives.

Quel est le moyen le plus simple d'y parvenir et pourriez-vous donner un exemple?

Answer 1

 ' 
     'begin sample data 
     Dim dt As New DataTable 
     dt.Columns.Add("Last") 
     dt.Columns.Add("First") 
     dt.Columns.Add("Middle") 
     dt.Columns.Add("Gender") 
     dt.Columns.Add("Birth Date") 
     ' 
     Dim dr1 As DataRow = dt.NewRow 
     dr1("Last") = "apple" 
     dr1("First") = "is" 
     dr1("Middle") = "red" 
     dr1("Gender") = "male" 
     dr1("Birth Date") = "2009" 
     ' 
     Dim dr2 As DataRow = dt.NewRow 
     dr2("Last") = "banana" 
     dr2("First") = "is" 
     dr2("Middle") = "yellow" 
     dr2("Gender") = "female" 
     dr2("Birth Date") = "2010" 
     ' 
     Dim dr3 As DataRow = dt.NewRow 
     dr3("Last") = "cherry" 
     dr3("First") = "is" 
     dr3("Middle") = "pink" 
     dr3("Gender") = "both" 
     dr3("Birth Date") = "2011" 
     'end sample data 
     ' 
     ' 
     Dim sb As New StringBuilder 
     sb.Append("<table border='1'>") 
     sb.Append("<tr>") 
     sb.Append(String.Format("<td><b>Last</b></td><td>{0}</td><td>{1}</td><td>{2}</td>", dr1("Last"), dr2("Last"), dr3("Last"))) 
     sb.Append("</tr>") 
     sb.Append("<tr>") 
     sb.Append(String.Format("<td><b>First</b></td><td>{0}</td><td>{1}</td><td>{2}</td>", dr1("First"), dr2("First"), dr3("First"))) 
     sb.Append("</tr>") 
     sb.Append("<tr>") 
     sb.Append(String.Format("<td><b>Middle</b></td><td>{0}</td><td>{1}</td><td>{2}</td>", dr1("Middle"), dr2("Middle"), dr3("Middle"))) 
     sb.Append("</tr>") 
     sb.Append("<tr>") 
     sb.Append(String.Format("<td><b>Gender</b></td><td>{0}</td><td>{1}</td><td>{2}</td>", dr1("Gender"), dr2("Gender"), dr3("Gender"))) 
     sb.Append("</tr>") 
     sb.Append("<tr>") 
     sb.Append(String.Format("<td><b>Birth Date</b></td><td>{0}</td><td>{1}</td><td>{2}</td>", dr1("Birth Date"), dr2("Birth Date"), dr3("Birth Date"))) 
     sb.Append("</tr>") 
     sb.Append("<table>") 
     ' 
     Response.Write(sb.ToString) 

Answer 2

Il n'est pas clair si vos séries de données sont en lignes ou en colonnes, mais le Repeater est proche de ce que vous voulez, si vos enregistrements sont en lignes.

Answer 3

Comme ils ont tous les mêmes champs, UNION ensemble et donnent le résultat que la source d'une commande de grille ou répéteur:

<asp:SqlDataSource ID="MyData" runat="server" ConnectionString="..." 
    SelectCommand=" (Query1) UNION (Query2) UNION (Query3) " /> 

<asp:GridView ID="ResultGrid" runat="server" DataSourceID="MyData" /> 

Answer 4

Dans votre couche de service, vous devez exécuter les 3 requêtes et votre 3 ensembles de résultats uniques (nous espérons utiliser datareaders au lieu de datatables et de construire des objets réels) et puis après avoir des données, vous créez un nouveau List<MyObject> qui correspond à la portée que vous voulez sur votre table et construire cette collection à partir de vos ensembles de résultats. Ensuite, vous pouvez databind votre List<MyObject> propre à votre gridview, repeater, listview ou un contrôle similaire pour générer la sortie html.

Je recommande d'utiliser le contrôle ListView à toutes fins utiles, car il vous permet de générer le code HTML exact que vous voulez et offre toutes les fonctionnalités que vous obtenez avec le contrôle GridView de lignes alternées facilement configurables, les événements de liaison de données, etc.

My Two Cents: Il est toujours difficile de comprendre le raisonnement de l'extérieur, surtout qu'aucun d'entre nous ne veut révéler une utilisation commerciale trop spécifique, mais il semble que votre conception de données soit défectueuse, c'est pourquoi il est difficile représenter à l'écran.

Answer 5

Le tri et la pagination ne sont pas activés par défaut sur un Gridview, il n'y a donc aucune raison de ne pas en utiliser un à cause de cela. Cependant, vous pouvez envisager d'utiliser le ListView control, ce qui vous donne plus de contrôle sur la création de modèles.

Answer 6

Si vous utilisez SQL Server 2005+ vous pouvez essayer d'utiliser l'option UNPIVOT sur votre première requête comme ceci:

create table #mydata 
    (
    id   integer, 
    fld1   varchar(15), 
    fld2   varchar(15), 
    fld3   varchar(15), 
    fld4   varchar(15), 
    fld5   varchar(15) 
    ) 
go 
insert into #mydata values (1,'fld 1 - rec 1','fld 2 - rec 1','fld 3 - rec 1','fld 4 - rec 1','fld 5 - rec 1') 
insert into #mydata values (1,'fld 1 - rec 2','fld 2 - rec 2','fld 3 - rec 2','fld 4 - rec 2','fld 5 - rec 2') 
insert into #mydata values (1,'fld 1 - rec 3','fld 2 - rec 3','fld 3 - rec 3','fld 4 - rec 3','fld 5 - rec 3') 
go 

--Unpivot the table. 
SELECT idc, field, value 
FROM 
    (SELECT cast(id as varchar(5)) idc, fld1, fld2, fld3, fld4, fld5 from #mydata) d 
UNPIVOT 
    (Value FOR field IN (fld1, fld2, fld3, fld4, fld5) 
)AS unpvt; 

renvoie les résultats comme:

idc    value   
----- ---------- --------------- 
1  fld1  fld 1 - rec 1 
1  fld2  fld 2 - rec 1 
1  fld3  fld 3 - rec 1 
1  fld4  fld 4 - rec 1 
1  fld5  fld 5 - rec 1 
1  fld1  fld 1 - rec 2 
1  fld2  fld 2 - rec 2 
1  fld3  fld 3 - rec 2 
1  fld4  fld 4 - rec 2 
1  fld5  fld 5 - rec 2 
1  fld1  fld 1 - rec 3 
1  fld2  fld 2 - rec 3 
1  fld3  fld 3 - rec 3 
1  fld4  fld 4 - rec 3 
1  fld5  fld 5 - rec 3 

Ensuite, vous pouvez utilisez un gridView avec des colonnes générées automatiquement à partir de cette source de données.