Ouvrez la page Default.aspx en mode Source.
Supprimez la table html d’id tblResultat et le code de la procédure
ButGo_Click.
Basculez en mode Design.
Configurez une source de données vers la table Annonces de la base
AffairesSansRisque :
Faites un glisser déplacer à l’intérieur de la balise <div class=resultat> de la Boîte à outils > rubrique Données > SqlDataSource.
Aidez-vous du mini navigateur pour être bien positionné
TP6 :
Afficher des données
Ouvrez la page Default.aspx en mode Source.
Supprimez la table html d’id tblResultat et le code de la procédure
ButGo_Click.
Basculez en mode Design.
Configurez une source de données vers la table Annonces de la base
AffairesSansRisque :
Faites un glisser déplacer à l’intérieur de la balise <div class=resultat> de la Boîte à outils > rubrique Données > SqlDataSource.
Faites un clic droit sur le contrôle > Propriétés et renommez le contrôle :
dsAnnonces.
Sélectionnez le contrôle pour faire apparaître sa balise active (ou clic droit sur le contrôle > Afficher la balise active).
Cliquez Configurer la source de données
TP6 :
Afficher des données
Dans la fenêtre Choisir votre connexion de données, cliquez la liste déroulante et retrouvez la connexion définie à l’exercice précédent :
AffairesSansRisque_Data.mdf.
Cliquez sur Chaîne de connexion pour observer la chaîne de connexion associée :
Vous voyez que la Source est le moteur SQL Server Express Edition .\SQLEXPRESS car SQL Express s’installe par défaut comme une instance nommée sur la machine
TP6 :
Afficher des données
Dans la fenêtre Enregistrer la chaîne de connexion dans le fichier de configuration de
l‟application, cliquez Oui, enregistrer cette connexion en tant que et renommez la chaîne :
csAffairesSansRisque
Cliquez sur Suivant.
Dans la fenêtre Configurer l‟instruction Select, cliquez Spécifiez une instruction SQL personnalisée ou une procédure stockée.
Cliquez sur Suivant.
TP6 :
Afficher des données
Dans la fenêtre suivante, sélectionnez Procédure Stockée et choisissez la procédure nommée RechercherAnnonce.
TP6 :
Afficher des données
configurez successivement les deux paramètres attendus par la procédure stockée, correspondant à l’ID de la région et la date sur lesquels porte la recherche. Pour cela, sélectionnez une source de type Control et indiquez l’ID de la liste déroulante ddlRegion pour le paramètre pRegion et l’ID de
la textbox txtDate pour le second paramètre pDate.
Cliquez sur Suivant.
TP6 :
Afficher des données
Dans la fenêtre Tester la requête, cliquez le bouton Tester la requête
pour la valider. Saisissez par exemple 19 comme ID de région
correspondant à la région Ile de France, et 01/01/2006 dans le paramètre date. Cliquez OK pour lancer le test d’exécution de la procédure stockée. Cliquez sur Terminer.
TP6 :
Afficher des données
Dessinez maintenant une grille pour afficher la liste des annonces :
Faites un glisser déplacer de la boîte à outils > rubrique Données > contrôle
GridView à l’intérieur de la balise <div.resultat#resultat>.
Affichez la balise active du contrôle GridView. Cochez les options
Activer la pagination, Activer le tri, Activer la sélection.
TP6 :
Afficher des données
Dans la balise active du contrôle GridView, cliquez Modifier les colonnes…
Dans la fenêtre Champs, supprimez tous les champs SAUF Ville, Code Postal, Email et le champ Sélectionner.
Les champs Ville, Code Postal et Email sont de type BoundField, c’est-à-dire que ce sont des colonnes directement liées à des champs dans la base de
données. La liaison se fait à partir de l’attribut DataField qui donne le nom du champ de la table Annonces dans la base de données
Sauvegardez la page Default.aspx et exécutez-la (clic droit > afficher dans le navigateur).
Cliquez sur la région Rhône-Alpes, entrez la date 01/01/2006 puis cliquez sur
TP6 :
Afficher des données
2010/2011 ASP.NET 89
Renommez les en- têtes de chaque colonne.
Changez l’ordre des colonnes avec les boutons.
Bouton pour supprimer les colonnes
sélectionnées. Notez les types de
TP6 :
Afficher des données
Vous pourriez même charger la liste déroulante à partir de la table
Regions de la base de données AffairesSansRisque au lieu de la charger à partir du fichier texte Liste des régions.txt
ajouter un autre contrôle SqlDataSource sur la page, qui pointe
toujours sur la même chaîne de connexion que précédemment, c’est-à- dire csAffairesSansRisque.
Configurez le contrôle pour qu’il rapatrie toutes les régions de la base via une requête SELECT.
Terminez l’assistant en effectuant un test si besoin.
Nommez-le dsRegions en utilisant la fenêtre de propriétés (F4) du contrôle SqlDataSource.
Liez le contrôle DropDownList1 sur cette source de données
dsRegions en utilisant le menu Choisir la source de données de la balise active du contrôle.
TP6 :
Afficher des données
Paramétrez l’affichage de la liste déroulante sur le champ Reg_Nom et indiquer Reg_Id comme étant la donnée à prendre en compte pour la liaison avec la source de données.
Mettez en commentaire le chargement de la liste à partir du fichier texte dans la procédure Page_Load.
Enregistrez, exécutez puis testez la page.