Penjelasan terperinci tentang penggunaan jQuery table plug-in datatables_jquery
WBOY
Lepaskan: 2016-05-16 15:21:20
asal
1569 orang telah melayarinya
1. Pengenalan kepada Jadual Data DataTables ialah pemalam jadual jQuery. Ini adalah alat yang sangat fleksibel berdasarkan peningkatan progresif yang akan menambah kawalan interaktif lanjutan dan sokongan untuk sebarang bentuk HTML. Ciri utama:
Paging automatik
Penapisan data jadual segera
Isih data dan pengesanan automatik jenis data
Kendalikan lebar lajur secara automatik
Gaya boleh disesuaikan melalui CSS
Sokong lajur tersembunyi
Mudah digunakan
Skalabiliti dan fleksibiliti
Pengantarabangsaan
Penciptaan jadual yang dinamik
Percuma
2. Cara menggunakan Apabila bekerja pada bahagian belakang, tiada artis atau jurutera bahagian hadapan untuk bekerjasama dengan anda dalam membuat halaman tersebut Untuk memaparkan data dan mempunyai perasaan estetik tertentu, kami boleh menggunakan pemalam DataTables jQuery untuk membantu. kami selesaikan tugas 1. Konfigurasi lalai Jadual Data
7 Pemerolehan data menyokong 4 jenis: seperti berikut
•Data Dokumen DOM
• Tatasusunan js tatasusunan JavaScript
•Data permintaan Ajax sumber Ajax
•Pemprosesan sisi pelayan Data sisi pelayan
3. Contoh
1. Keperluan: Seperti yang ditunjukkan dalam rajah di bawah, tambah, edit dan padam kandungan jadual data.
2. Analisis: Tambah fungsi---klik butang tambah untuk muncul kotak dialog untuk menambah kandungan baharu.
� � Jauh untuk memilih baris, baris berubah warna, iaitu, ia telah dipilih, klik butang edit, dialog akan muncul, kandungan dalam dialog ini ialah kandungan baris yang kami pilih. Jika tiada baris dipilih dan butang edit diklik, dialog tidak akan muncul. Apabila satu baris dalam jadual data diklik dua kali, dialog juga akan muncul dan baris yang diklik dua kali bertukar warna Kandungan dalam dialog ialah kandungan baris yang kami klik dua kali.
Klik jadual data untuk memilih baris, klik butang padam, dan kotak amaran akan muncul untuk menggesa anda sama ada hendak memadamkan kandungan yang dipilih. Apabila tiada apa yang dipilih, mengklik butang padam tidak akan muncul kotak amaran, dan kandungan tidak akan dipadamkan.
3. Pengekodan:
Atribut//Nama
Penerangan kod di atas: Kod ini terbahagi terutamanya kepada dua bahagian Bahagian pertama ialah pengisytiharan jadual data jquery,
; dialog, dan Tindakan yang diperlukan untuk operasi Untuk bahagian operasi ini, pilih teknologi halaman bukan muat semula ajax. Kod js yang diperlukan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn