يدمج Dreamweaver CS3 وظيفة Spry. نعلم جميعًا أن Spry لديه وظيفة معالجة بيانات XML، ولكن يبدو أن وظيفة المنطقة التفصيلية لـ Spry نادرة.
تشبه منطقة تفاصيل Spry إلى حد ما وظيفة صفحة قائمة الأخبار وصفحة التفاصيل الرئيسية في نظام الأخبار. على سبيل المثال، عندما نشاهد الأخبار، ستعرض إحدى الصفحات عناوين جميع الأخبار فقط. وعندما تكون مهتمًا بالعنوان، يمكنك النقر فوق العنوان لفتح صفحة ويب جديدة وعرض محتوى الأخبار بالكامل . ثم تسمى الصفحة التي تعرض قائمة بجميع العناوين "الصفحة الرئيسية"، والصفحة التي تعرض محتوى إخباري محدد تسمى "صفحة التفاصيل".
من الواضح أن صفحة التفاصيل الرئيسية هذه يجب أن تتكون من صفحتين على الأقل. يمكن عرض منطقة Spry التفصيلية التي نستخدمها على صفحة الويب دون تحديث.
1. قم بإنشاء صفحة ويب جديدة وربط مجموعة بيانات Spry XML
افتح لوحة [Insert] في صفحة الويب وانقر فوق [Spry XML Data Set] ضمن علامة التبويب [Spry].
2. حدد مصدر بيانات XML
ينبثق مربع الحوار [Spry XML Data Set] [مصدر XML] يمكن أن يكون بيانات XML في الدليل المحلي أو بيانات XML بعيدة عبر المجال.
انقر فوق الزر [الحصول على المخطط] وحدد العناصر المتكررة القيمة في بيانات XML في مربع القائمة [عنصر الصف] هنا هو عنصر "العنصر" المحدد (علامة + في الزاوية اليمنى العليا للعلامة <> تشير إلى حلقات متعددة ).
ملاحظة: إذا قمت بإنشاء صفحة تجميع بيانات XML خالصة، فيمكنك أيضًا تحديد [تعطيل التخزين المؤقت لبيانات XML] وتحديد الوقت لتحديث البيانات تلقائيًا للحصول على مزامنة البيانات عن بعد تلقائيًا.
3. أدخل جدول Spry واعرض بيانات Spry XML على الصفحة
انقر فوق الزر [Spry Table] ضمن علامة التبويب [Spry] في لوحة [Insert]، واحذف [Columns] التي لا يلزم عرضها في مربع الحوار المنبثق.
من المهم تحديد منطقة التفاصيل "تحديث" التي سيتم استخدامها عند النقر فوق الصفوف.
[موافق] قم بإدراج جدول Spry، مع المطالبة بإدراج منطقة Spry. لأنه يجب عرض جميع بيانات Spry XML في منطقة Spry.
رابعاً، أدخل منطقة Spry التفصيلية
أولاً، استمر في استخدام مؤشر الماوس بعد "جدول Spry" الذي تم إدراجه في الصفحة، واستمر في النقر فوق الزر [Spry Area] ضمن علامة التبويب [Spry] في اللوحة [Insert].
في مربع الحوار المنبثق، يجب تحديد [النوع] كـ "منطقة تفصيلية" للإشارة إلى استخدام منطقة Spry التفصيلية الحالية.
5. أدخل "التفاصيل" في منطقة تفاصيل Spry
ضع مؤشر الماوس في منطقة Spry التفصيلية، وافتح لوحة [Binding]، وحدد عنصر "الوصف" لـ [Insert] في منطقة Spry التفصيلية.
سيؤدي حفظ صفحة الويب إلى مطالبتنا بحفظ ملفات تأثير Spry. تذكر تحميل هذه الملفات معًا عند التحميل.
6. تأثير المعاينة
عرض بيانات XML عن بعد عبر المجالات، وانقر فوق عنوان كل صف لفتح المحتوى للعرض على الصفحة الحالية دون تحديث، وهو أمر جيد جدًا.