Advertisement
  1. Code
  2. XML

Tip cepat: Menggunakan Datagrid dengan XML

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Farhan Vatih (you can also view the original English article)

Saya akan menunjukkan bagaimana untuk menggunakan komponen datagrid dengan xml file. Ketika Anda perlu untuk menampilkan tabel data yang  tidak ada yang lebih cepat dan lebih mudah cara untuk menggunakan datagrid, dan ketika dipasangkan dengan xml file itu membuat hal-hal menjadi lebih baik.


Langkah 1: Menyiapkan dokumen Flash

Buat sebuah file flash baru (Actionscript 3.0). Atur dokumen 600x400px dengan latar belakang putih.

Simpan file ini dengan nama xmlDatagrid.fla


Langkah 2: Menambahkan komponen ke dokumen

Buka jendela komponen dengan pergi ke Menu > Window > Components atau menekan Ctrl + F7.

Seret tombol, combobox dan komponen datagrid ke stage.

Hapus tombol, komponen combobox dan datagrid dari stage; mereka adalah sekarang di perpustakaan Anda.

Berikut adalah preview struktur dokumen xml yang akan kami gunakan:

Source download berisi tiga file XML: flash.xml, ajax.xml dan php.xml; masing-masing mengikuti struktur yang sama sebagai potongan di atas, tetapi berisi buku yang berbeda. Anda akan perlu untuk menempatkan mereka dalam folder yang sama dengan file fla Anda


Langkah 3: Buka File ActionScript baru

Buka file actionscript baru dan Simpan dengan nama XMLDataGrid.as

Sekarang buka Deklarasi paket dan mengimpor kelas yang akan kita gunakan:


Langkah 4: Extend kelas MovieClip dan mendeklarasikan variabel

Dokumen utama kelas harus extend Sprite atau kelas MovieClip; di sini kami extend kelas MovieClip. Deklarasikan variabel-variabel yang akan kami gunakan:


Langkah 5: Mengatur Constructor

Di sini kami memgatur constructor dengan tiga fungsi yang akan digunakan:


Langkah 6: Mendefinisikan Fungsi

Di sini kita mendefinisikan fungsi yang kita gunakan di constructor:

Fungsi setupGrid() menciptakan sebuah komponen DataGrid, yang akan menampilkan data dari XML file kami masukan.

Fungsi setupComboBox() menciptakan ComboBox, yang merupakan daftar drop-down yang kita gunakan untuk memungkinkan pengguna untuk memilih sebuah file XML untuk diteruskan ke data grid.

Tombol yang dibuat di setupButton() akan digunakan untuk memasukan file XML yang dipilih dalam kotak kombo, ke data grid. Kami akan menulis kode berikut.


Langkah 7: Mendefinisikan fungsi loadBooks

Fungsi loadBooks digunakan dalam eventListener loadButton.


Langkah 8: Mendefinisikan fungsi populateGrid

Fungsi populateGrid digunakan dalam eventListener urlLoader dalam fungsi loadBooks.


Langkah 9: Mengatur dokumen kelas dan tes

Atur dokumen kelas unjetuk "XMLDataGrid" dan uji filmnya!


Kesimpulan

Di sini kita belajar bahwa menampilkan data tabular di flash dibuat mudah dengan komponen datagrid dan bahwa dipasangkan dengan xml membuat solusi yang bagus.

Ini adalah tutorial pertama saya, saya harap Anda telah belajar sesuatu yang bermanfaat dan terima kasih sudah membaca!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.