Chapitre 10 Implémentation du calendrier des événements du BLOG
Puisque le BLOG de Doking est une note d'étude, vous pouvez vérifier toutes les notes et les réponses aux notes en appuyant sur le calendrier.
Analyse de difficulté : doit-on ajouter le contrôle de calendrier Calendar directement au modèle ? Non! Cela ne marchera pas ! Puisque le contrôle de calendrier Calendar est un contrôle serveur, il doit être sous une forme contenant runat="server". Cependant, il ne peut y avoir qu'un seul formulaire contenant runat="server" sur une page, sinon l'erreur affichée dans la figure 10-1 est affichée. se produira parfois.
Figure 10-1 Que dois-je faire si la page ne peut contenir qu'une seule erreur contenant le formulaire runat="server"
? Voici un cadre intégré pour le transfert.
10.1 Ajouter un contrôle de calendrier Calendrier
(1) Créez une nouvelle page dynamique ASP.NET VB vierge.
(2) Insérez et faites apparaître le formulaire runat="server" et définissez ID="Calfrm".
(3) Cliquez sur le bouton « Plus de balises » sous le menu contextuel ASP.NET et sélectionnez « Calendrier asp » sous « Balises ASP.NET » dans la boîte de dialogue contextuelle [Sélecteur de balises], comme illustré dans la figure 10-2. .
Figure 10-2 Insérez la balise "asp Calendar"
(4) Appuyez sur le bouton "Insérer", et la boîte de dialogue [Tag Editor—Calendar] apparaîtra, comme le montre la figure 10-3. Dans cette boîte de dialogue, vous pouvez définir le style du contrôle de calendrier Calendrier Comme il est en chinois, je n'entrerai pas dans les détails ici.
(5) Enregistrez la page dynamique ASP.NET VB sous dkCalendar.aspx. Naviguez dans IE, comme le montre la figure 10-4.
Figure 10-3 Boîte de dialogue [Éditeur de balises—Calendrier]
Figure 10-4 Navigation dans dkCalendar.aspx dans IE
Dans la figure 10-1-4, vous pouvez voir que l'affichage de la semaine est trop long et moche ! Ce serait bien s'il lisait "jour, un, deux, trois, quatre, cinq, six".
10.2 Modifier l'affichage hebdomadaire du calendrier
(1) Ouvrez dkCalendar.aspx dans Dreamweaver, passez en mode code et recherchez le code suivant :
<
%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312 " %>
Remplacez-le par :
<%@ Page Language="VB" Debug="true" Culture="zh-CN"%>
(2) Cliquez sur le bouton "а:xy" sous le menu contextuel ASP.NET et insérez l'espace de noms, tel que Comme le montre la figure 10-5.
(3) Ajoutez un nouveau code à ce moment :
<%@ Import Namespace="" %>
L'espace de noms d'entrée est System.Globalization, c'est-à-dire que le code est modifié en :
<%@ Import Namespace="System.Globalization" %>
(4) Ajoutez à nouveau Namespace System.Threading, le résultat est illustré dans la figure 10-6.
Figure 10-5 Insertion d'un espace de noms
Figure 10-6 Code après insertion de l'espace de noms
(5) Après le code :
<%@ Import Namespace="System.Treading" %>
, laissez une ligne vide et insérez le code suivant :
<script runat="server">
Dim dkday ' définition La variable globale de la chaîne de lien générée en sélectionnant la
fonction de date pour modifier l'affichage de la semaine
Private Sub Calendar1_PreRender (ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.PreRender
Dim dkwek = System.Threading.Thread. CurrentThread
Dim dknew = System.Globalization.CultureInfo.CurrentCulture.Clone()
dknew.DateTimeFormat.DayNames = New String() {"Day", "一", "二", "三", "四", "五", "六"}
dknew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday
dkwek.CurrentCulture = dknew
End Sub
</script>
(6) Sélectionnez le code d'origine du contrôle de calendrier Calendar1, passez à l'onglet [Propriétés] du panneau [Étiquette] , développez l'option "Apparence", sélectionnez le menu déroulant de l'élément "DayNameFormat" et sélectionnez "Complet", comme le montre la figure 10-7.
(7) Enregistrez dkCalendar.aspx et parcourez-le dans IE. Le résultat est présenté dans la figure 10-8.
Figure 10-7 Sélectionnez la valeur « DayNameFormat » sur « Full » Figure 10-8Ajoutez des événements de calendrier
dans IE 10.3 après avoir modifié dkCalendar.aspx
(1) Ouvrez dkCalendar.aspx dans Dreamweaver, passez en mode Code et sélectionnez le code d'origine de Calendar1 , cliquez dessus avec le bouton droit et sélectionnez « Modifier l'étiquette (E) <asp:calendar> » dans le menu contextuel contextuel, comme illustré dans la figure 10-9.
Figure 10-9 Sélectionnez « Modifier l'étiquette (E) <asp:calendar> »
(2) Dans la boîte de dialogue qui apparaît [Modifier l'étiquette — calendrier], développez l'élément « Événements », sélectionnez « OnSelectionChanged » et cliquez sur « Calendrier ». —OnSelectionChanged" Dans la zone de texte de l'événement, entrez "Calendar1_SelectionChanged" et appuyez sur le bouton "OK", comme illustré dans la figure 10-10.
Figure 10-10 Modifiez l'événement OnSelectionChanged
(3) Ajoutez le code indiqué dans le cercle rouge de la figure 10-11 dans la balise de code <script runat="server">.
Figure 10-11 Ajouter un événement Calendar1_SelectionChanged
(4) Entre les balises <head></head>, insérez le code indiqué dans le cercle rouge de la figure 10-12.
(5) Recherchez la balise <body> et remplacez-la par le code indiqué dans le cercle rouge de la figure 10-13.
Figure 10-12 Insertion de la fonction javascript dkwk
Figure 10-13 Modifier la balise <body>
(6) Réglez à nouveau l'élément "DayNameFormat" de Calendar1 sur "Full", reportez-vous à l'étape 6 de la section 10.2.
(7) Enregistrez dkCalendar.aspx, ouvrez index.aspx et ajoutez le code suivant dans la fonction page_load :
if Request.QueryString("dkday")<>rien alors
Ztre.CommandText="SELECT * FROM ZTRE WHERE cstr(ZITIME) LIKE ' %" &Request.QueryString("dkday")&"%' ORDER BY ZITIME DESC"
else
if (request.QueryString("menanw")<>rien) ou (session("menanw")<>rien) alors
Ztre .CommandText ="SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME DESC"
else
Ztre.CommandText="SELECT * FROM ZTRE ORDER BY ZITIME DESC"
end if
end if
Le résultat est affiché dans la figure 10-14.
Figure 10-14 Ajoutez le code (8) dans la fonction page_load
pour trouver le code original du jeu d'enregistrements Ztre et supprimez la ligne de commande où se trouve son CommandText. Le résultat est affiché dans le cercle rouge sur la figure 10-15.
Figure 10-15 Le code original (9) du jeu d'enregistrements modifié Ztre
enregistre index.aspx.
10.4 Ajouter un cadre intégré
(1) Ouvrez le modèle dkblog.dwt.aspx, cliquez sur le bouton de raccourci « Plus de balises » dans le menu contextuel d'ASP.NET et sélectionnez « Balises HTML » dans la boîte de dialogue [Sélecteur de balises] qui apparaît. . Et sélectionnez l'élément "iframe", comme indiqué dans la figure 10-16.
Figure 10-16 Insérer une balise iframe (c'est-à-dire un cadre intégré)
(2) Cliquez sur le bouton « Insérer » et dans la boîte de dialogue contextuelle [Tag Editor—iframe], effectuez les paramètres appropriés pour le cadre intégré à insérer, comme indiqué dans la figure 10-17 illustrée.
Figure 10-17 Définissez les paramètres appropriés pour le cadre intégré
(3) Appuyez sur le bouton « OK » pour revenir à la boîte de dialogue [Tag Editor—iframe], puis appuyez sur le bouton « Fermer ».
(4) Enregistrez le modèle dkblog.dwt.aspx et mettez à jour toutes les pages Web.
(5) Parcourez index.aspx dans IE, le résultat est présenté dans la figure 10-18.
Figure 10-18 Navigation dans index.aspx dans IE
Rappel : En fait, la mise en œuvre d'événements de calendrier est un événement très complexe, voici juste un exemple simple. Une autre difficulté dans cette section est le contrôle de l'objet de la fenêtre principale par le framework intégré. Ici, nous utilisons uniquement " parent.location.href " pour contrôler le flux de la page Web de la fenêtre principale. Ceux-ci sont laissés aux lecteurs pour qu’ils les étudient lentement.