Dreamwaver MX et ASP.NET(6)
Auteur：Eve Cole
Date de mise à jour：2009-05-31 21:06:05
6. Créer une page de modification d'enregistrement
Introduction connexe (Remarque : afin d'afficher le code, tous les codes suivants comportent des espaces après "<" et avant ">". Nous nous excusons pour la gêne occasionnée !) :
L'ajout, la modification et la suppression de données sont les trois opérations de base sur la base de données. Cette section présente la partie enregistrement des modifications.
ÉTAPE 1 Processus de modification de la conception
De manière générale, seuls les enregistrements spécifiés doivent être mis à jour, une page de recherche doit donc être créée pour la requête, les résultats de la requête seront affichés dans la page de résultats et les utilisateurs pourront les modifier. Enfin, la tâche de mise à jour est terminée via l'opération de soumission.
Tout d’abord, créez une page de requête. Lors du processus de création d'un ensemble de données, nous pouvons sélectionner les données requises via le filtre de données Filtre. Puisque nous allons cliquer sur le lien dans la DataList pour accéder à cette page, sélectionnez le paramètre URL et utilisez le mot-clé CODE pour filtrer la page requise.
[Figure 6-1 Filtrage des données]
Pour ce faire, créez un nouveau fichier modifier.aspx sur le site et ajoutez le DataSet comme indiqué ci-dessus.
Étape 2 : Créer une page de détails
Afin de générer des liens, une page de navigation doit d'abord être créée. La page DataGrid créée dans la section 3 peut être modifiée pour obtenir un tel effet de navigation. Le style du DataGrid est modifié et les éléments de données peuvent également être définis pour afficher le texte lié. La même fonction peut également être réalisée dans DataList et Repeater, qui définissent tous deux un lien hypertexte vers la page de détails.
Ouvrez le fichier location2.aspx d'origine et modifiez le style DataList d'origine. Sélectionnez DataListm et cliquez sur Modifier les colonnes (Figure 6-2). Dans la boîte de dialogue contextuelle de conception du style DataGrid (Figure 6-3), vous pouvez définir le type de Location_name sur Hyperlien. Sélectionnez Location_name et cliquez sur le bouton Modifier le type de colonne pour passer à Lien hypertexte.
[Figure 6-2 Modifier les colonnes..]
[Figure 6-3 Configuration du lien hypertexte]
Les paramètres du lien hypertexte sont les suivants :
[Figure 6-4 Définition des mots-clés du lien]
Le champ de données affiché Location_name, le mot-clé de connexion est code et la page à laquelle il faut accéder est la page modifier.aspx. Après avoir cliqué sur le lien, le lien URL spécifique sera
http://votresite/modify.aspx?CODE=La valeur du code de l'enregistrement cliqué
La page modifier.aspx interrogera également les enregistrements requis de la base de données via la valeur de code transmise.
Afin de mettre à jour les données dans la page modifier.aspx, vous devez utiliser un formulaire. Cela nécessite de lier l'enregistrement de données à la zone de saisie. La liaison des données dans Dreamweaver MX est similaire à celle de Dreamweaver UltraDev. Définissez la page comme indiqué dans la figure 6-5. Créez 6 nouveaux champs de texte, 1 champ caché et 1 bouton de soumission, et placez-les aux emplacements appropriés. Le HiddenField est utilisé pour enregistrer la valeur CODE de cet enregistrement. La valeur du code étant un mot-clé, il n’est pas nécessaire de la modifier.
[Figure 6-5, page modifier.aspx]
Cliquez sur l'étiquette de liaison et faites glisser l'élément de données spécifique vers le champ de texte correspondant. Dans le même temps, le type d'affichage des données peut être défini dans Format. Vous pouvez également lier toutes les propriétés du champ de texte à la source de données. Sélectionnez la première liste déroulante de l'enregistrement
[Figure 6-6 Liaison] [Figure 6-7 Sélection du type de données] [Figure 6-8 Attributs de liaison]
List, définissez la propriété Text Field liée à la source de données.
Mise à jour des données ÉTAPE 3
En ce qui concerne la mise à jour des données, vous pouvez cliquer sur le bouton « + » dans Comportements du serveur dans le panneau Application et sélectionner Mettre à jour l'enregistrement.
[Figure 6-9 Sélectionner l'enregistrement de mise à jour]
[Figure 6-10 Association de paramètres]
Dans la boîte de dialogue contextuelle, vous devez associer la zone de saisie à la source de données mise à jour correspondante et définir le type de données. Parmi eux, CODE devrait être le mot-clé, Clé Primaire. Semblable à la page Insérer un enregistrement, vous devez également définir la page vers laquelle la page sera redirigée si la page est ajoutée avec succès et si l'ajout de la page échoue.
Vous pouvez maintenant prévisualiser la page terminée. Entrez l'URL http://yoursite/location3.aspx et vous verrez la page illustrée à la figure 6-11.
[Figure 6-11 Navigation dans la page location3.aspx]
L'élément Location_name est cliquable et passera à la page de détails modifier.aspx.
[Figure 6-12 Aperçu de la page de mise à jour]
Les données existantes peuvent être modifiées via la page modifier.aspx et les données peuvent être mises à jour via des événements de soumission de formulaire.
Le code principal mis à jour est le suivant :
<MM :Mise à jour
runat="serveur"
CommandText='< %# "MISE À JOUR DES EMPLACEMENTS FIXÉS VILLE=?, STATE_COUNTRY=?, FAX=?, TÉLÉPHONE=?, ADRESSE=? OÙ CODE= % >'
ConnectionString='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'
DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'
Expression='< %# Request.Form("MM_update") = "form1" % >'
CreateDataSet="faux"
SuccessURL='< %# "location3.aspx" % >'
Débogage="true"
>
<Paramètres>
< Parameter Name="@CITY" Value='< %# IIf((Request.Form("city") < > Nothing), Request.Form("city"), "") % >' Type="WChar" />
< Nom du paramètre="@STATE_COUNTRY" Value='< %# IIf((Request.Form("state") < > Nothing), Request.Form("state"), "") % >' Type="WChar" />
< Parameter Name="@FAX" Value='< %# IIf((Request.Form("fax") < > Nothing), Request.Form("fax"), "") % >' Type="WChar" />
< Nom du paramètre="@TELEPHONE" Value='< %# IIf((Request.Form("tele") < > Nothing), Request.Form("tele"), "") % >' Type="WChar" />
< Nom du paramètre="@ADDRESS" Value='< %# IIf((Request.Form("adresse") < > Nothing), Request.Form("adresse"), "") % >' Type="WChar" />
< Parameter Name="@CODE" Value='< %# IIf((Request.Form("hiddenField") < > Nothing), Request.Form("hiddenField"), "") % >' Type="WChar" />
< /Paramètres >
< /MM:Mise à jour >
Dreamweaver MX utilise mm:update pour représenter le code mis à jour. Son format est similaire à MM:Insert.
