Dreamweaver CS3 mengintegrasikan fungsi Spry. Kita semua tahu bahwa Spry memiliki fungsi pemrosesan data XML, tetapi fungsi area detail dari Spry tampaknya jarang.
Area detail Spry agak mirip dengan fungsi halaman daftar berita dan halaman detail utama di sistem berita. Misalnya ketika kita menonton berita, salah satu halaman hanya akan menampilkan judul seluruh berita. Bila tertarik dengan judulnya, Anda bisa mengklik judul tersebut untuk membuka halaman web baru dan melihat isi berita secara keseluruhan . Kemudian halaman yang menampilkan daftar seluruh judul disebut “halaman beranda”, dan halaman yang menampilkan konten berita tertentu disebut “halaman detail”.
Tentunya halaman detail utama ini minimal harus terdiri dari dua halaman. Area detail Spry yang kami gunakan dapat ditampilkan di halaman web tanpa menyegarkan.
1. Buat halaman web baru dan ikat kumpulan data Spry XML
Buka panel [Sisipkan] di halaman web dan klik [Spry XML Data Set] di bawah tab [Spry].
2. Pilih sumber data XML
Kotak dialog [Kumpulan Data XML Sigap] muncul. [Sumber XML] dapat berupa data XML di direktori lokal atau data XML jarak jauh lintas domain.
Klik tombol [Dapatkan Skema] dan pilih elemen berulang yang berharga dalam data XML di kotak daftar [Elemen Baris]. Berikut adalah elemen "item" yang dipilih (tanda + di sudut kanan atas tanda <> menunjukkan beberapa loop ).
PS Jika Anda membuat halaman agregasi data XML murni, Anda juga dapat memilih [Nonaktifkan cache data XML] dan memilih waktu untuk menyegarkan data secara otomatis untuk mendapatkan sinkronisasi data jarak jauh secara otomatis.
3. Sisipkan tabel Spry dan tampilkan data XML Spry di halaman
Klik tombol [Spry Table] di bawah tab [Spry] pada panel [Insert], dan hapus [Columns] yang tidak perlu ditampilkan di kotak dialog pop-up.
Penting untuk memilih area detail "Perbarui" yang akan digunakan saat baris diklik.
[OK] Masukkan tabel Spry, meminta area Spry perlu dimasukkan. Karena semua data XML sigap harus ditampilkan di area sigap.
Keempat, masukkan area detail sigap
Pertama, tetap arahkan kursor mouse setelah "Spry table" yang telah dimasukkan ke dalam halaman, dan terus klik tombol [Spry Area] di bawah tab [Spry] pada panel [Insert].
Di kotak dialog pop-up, [Jenis] harus dipilih sebagai "Area Terperinci" untuk menunjukkan bahwa area detail Sigap saat ini digunakan.
5. Masukkan "Detail" ke dalam area detail Sigap
Tempatkan kursor mouse di area detail Spry, buka panel [Binding], dan pilih elemen "deskripsi" untuk [Sisipkan] ke dalam area detail Spry.
Menyimpan halaman web akan meminta kita untuk menyimpan file efek sigap. Ingatlah untuk mengunggah file-file ini bersama-sama saat mengunggah.
6. Pratinjau efek
Tampilkan data XML jarak jauh di seluruh domain, dan klik judul setiap baris untuk membuka konten untuk dilihat di halaman saat ini tanpa menyegarkan, dan ini sangat bagus.
