MENGGUNAKAN JADUAL DATA DALAM JSF.

Contoh jadual yang telah ditetapkan.
Dalam makmal ini kita akan melihat contoh mudah yang menunjukkan cara menggunakan komponen DataTable, elemen ini membolehkan kami memautkan jadual data ke halaman kami seperti ini:

Untuk contoh pertama ini, hanya komponen pra-isi akan dipautkan daripada kelas kacang kami, kemudian ia akan menunjukkan cara untuk memanipulasi maklumatnya secara dinamik.

Pada mulanya, mari buat projek JSF dengan struktur berikut:

Seperti yang kita dapat lihat, 2 kelas java dicipta, satu sepadan dengan kelas orang yang membolehkan kami memproses orang yang akan kami tunjukkan dalam jadual kami dan satu lagi ke kacang yang akan membolehkan kami menguruskan jadual kami dengan masing-masing. lajur dan rekod.
Kelas Person.java memberikan kami data asas orang yang akan kami tunjukkan dalam jadual, di sini kami menambah set yang sepadan dan mendapatkan kaedah, serta pembina dengan parameter untuk mengisi orang secara langsung.

Kelas TablaBean.java merujuk kepada jadual dan pengurusan orang di dalamnya, rekod yang dipaparkan disimpan dalam jenis orang ArrayList yang, untuk tujuan panduan ini, diisi dalam pembina.

Dalam index.xhtml kami mencipta komponen DataTable yang mana kami mengaitkan senarai orang secara langsung dalam nilai dan dalam lajur masing-masing atribut kacang yang dirujuk dalam var="data", sebagai data elemen yang mewakili data bagi objek Orang dalam setiap baris daripada jadual.

Apabila menjalankannya kita akan mempunyai sesuatu seperti ini

Seperti yang dapat kita lihat, maklumat dibentangkan dalam mod jadual, kerana kami belum memautkan gaya CSS, kami hanya menghargai struktur dalam baris dan lajur tanpa sebarang jenis reka bentuk, namun kami boleh menambah sifat "sempadan" pada jadual dan margin mempunyai sesuatu seperti ini:

Akhirnya kita tahu bahawa kita boleh menggunakan untuk menyampaikan maklumat dengan cara yang lebih tersusun.

Contoh pengurusan data dalam Jadual Data.
Dalam bahagian ini kita akan meneruskan dengan contoh sebelumnya di mana kita akan melihat bagaimana untuk memanipulasi data jadual untuk menjalankan proses biasa seperti mendaftar, mengubah suai atau memadam maklumat.

Tambah orang.
Untuk mendaftar orang, kami akan mengubah suai halaman index.xhtml kami yang mana kami akan memautkan borang pendaftaran orang itu. Kami melakukan ini dengan memautkan komponen input dan pemilihan dalam panel grid yang dikaitkan dengan objek "myPerson" yang mana data berbeza dihantar. orang baharu didaftarkan dalam sistem kami.

Seperti yang kita lihat elemen baharu ini ditambah sebelum Jadual Data mendapat hasil seperti ini:

Selepas mengubah suai indeks, mari kita buat perubahan yang diperlukan dalam kelas TableBean.java, kerana dalam contoh ini kita akan terus menggunakan tahap skop lalai, jadi mari kita buat senarai orang statik supaya ia boleh dimanipulasi tanpa masalah, kita akan tambahan hapuskan padding senarai kerana ideanya adalah untuk dapat mendaftarkan orang melalui borang pendaftaran.

Seperti yang dapat kita lihat apabila mentakrifkan senarai sebagai statik, kita mencipta contohnya pada peringkat kelas, kita tidak melakukan ini dalam pembina kerana ini akan dipanggil pada masa yang berbeza oleh jsf kita yang akan menyebabkan contoh baru senarai yang akan menyebabkan kita kehilangan maklumat yang mungkin terkandung di dalamnya.

Selain itu, kami menambah objek jenis Orang untuk dapat mengurus data pendaftaran dan menambahkan kaedah "aggregarPersona()" yang membolehkan menambah elemen baharu pada senarai dan dipanggil daripada butang jsf, kemudian kami menjana contoh baharu objek “minhaPersona” yang akan membenarkan pembersihan borang pendaftaran.


Apabila menjalankan sistem kita akan melihat tingkah laku berikut:

Pada mulanya borang itu kosong dan pengepala jadual kami juga dipaparkan tetapi tanpa apa-apa kandungan (ingat bahawa kami telah menghapuskan pengisian dalam senarai), supaya pengepala tidak dipaparkan apabila tiada orang yang berdaftar lagi, jadi kami menggunakan " rendered” yang kami mengesahkan bahawa panjang senarai adalah lebih besar daripada sifar, jika tidak, ia tidak sepatutnya menunjukkan pengepala. (Pengendalian hartanah ini akan dibincangkan secara terperinci kemudian)

Semasa kami menambah orang, mereka disimpan dalam senarai dan dibentangkan dalam Jadual Data

Kecualikan Orang.
Selepas kami berjaya mendaftarkan orang dalam senarai kami, kami boleh mengalih keluar mereka daripadanya, untuk ini kami akan menambah lajur tindakan baharu dalam Jadual data kami yang akan mengandungi pautan ke kaedah "eliminarPerson()" yang akan kami buat dalam kacang kami

Untuk ini kami mengubah suai index.xhtml di mana selepas lajur "Sex" kami akan menambah lajur "Tindakan"

Seperti yang kita lihat, kita menggunakan komponen dan dalam tindakan itu kami memanggil kaedah "eliminarPersona()" yang mana kami akan menghantar nilai "data" sebagai parameter, mengingati bahawa data adalah bersamaan dengan objek senarai yang sedang dipaparkan dalam baris tertentu.

Kemudian, dalam kelas TablaBean.java, kami menambah kaedah "eliminarPersona()" yang menerima sebagai parameter objek orang yang ingin kami padamkan, ini sepadan dengan "data" yang kami hantar daripada jsf, dan bersamaan dengan orang dalam baris yang ingin kita padamkan, kemudian keluarkannya daripada senarai.

Apabila menjalankan sistem kami akan mempunyai yang berikut:

Dan setiap kali kami memadamkan rekod melalui pautan yang sepadan, jadual akan dikemas kini

Edit Orang.
Selepas berjaya mendaftar dan memadam orang dari senarai kami, kami boleh mengubah suai mereka, untuk itu kami akan mengubah suai jadual kami menjadikannya boleh diedit apabila kami ingin mengemas kini beberapa data, untuk itu kami akan menggunakan sifat "diberikan" sekali lagi yang akan menunjukkan atau sembunyikan pilihan yang boleh diedit bergantung pada keputusan pengguna.

Seperti yang dapat kita lihat dalam setiap lajur, komponen ditambah yang akan disembunyikan secara lalai terima kasih kepada sifat "diberikan" yang membolehkan menyimpan data benar atau palsu untuk menunjukkan atau menyembunyikan komponen yang disertakan.

Dalam kes kami "data.edit" membuat panggilan ke pembolehubah boolean (edit) yang kami tambahkan dalam kelas Orang, jika harta itu benar maka ia akan menunjukkan untuk membenarkan pengeditan, tetapi jika harta itu benar palsu (tidak benar) maka ia akan memaparkan

Perkara yang sama mesti dilakukan untuk lajur profesion, gaji dan jantina, di mana bukannya menambah a kepada yang terakhir akan ditambah a kerana dalam bentuk kami menggunakan kombo pemilihan laluan berikut:

Begitu juga, sifat yang diberikan terikat untuk menunjukkan kombo atau menunjukkan label mengikut mana yang berkenaan.

Selepas itu, lajur "Tindakan" diubah suai di mana sebelum ini kami hanya mempunyai pautan ke "Padam" kini kami akan menambah 2 lagi pautan, satu untuk "mengedit" dan satu lagi untuk "menyimpan" maklumat selepas mengeditnya.

Seperti yang kita dapat lihat, kini terdapat 3 pautan untuk kaedah edit, simpan dan padam masing-masing, namun edit dan simpan mempunyai sifat yang diberikan yang menjadikan hanya 2 daripada 3 pautan kelihatan pada satu masa (ingat bahawa yang diberikan mengandungi benar atau salah bergantung pada syarat ) jadi secara lalai pautan padam akan sentiasa muncul kerana ia tidak mempunyai sifat yang diberikan, manakala edit dan simpan tidak akan pernah dilihat bersama. (membolehkan anda menambah ruang antara pautan)

Secara dalaman pada tahap grafik, Jadual data akan kelihatan seperti ini:

Walaupun secara grafik anda boleh melihat semua komponen bersama-sama, adalah penting untuk menjelaskan dengan jelas bahawa sifat yang diberikan hanya akan menunjukkan komponen bergantung pada nilai benar atau salah pada masa itu.

Selepas mengubah suai index.xhtml, kini tiba masanya untuk mengubah suai kelas Person.java, di mana sifat "edit" yang digunakan oleh pemaparan yang dinyatakan di atas ditambah.

Seperti yang dapat kita lihat, atribut boolean baharu dipautkan kepada set dan dapatkan masing-masing. Selain itu, untuk menyesuaikan struktur latihan, kami menambah harta kepada pembina berparameter, walaupun ia tidak lagi digunakan pada ketika ini dalam latihan.

Dengan cara ini, setiap kali rendered=”#{data.edit}” dilakukan dalam index.xhtml, ia akan memanggil pembolehubah ini, yang akan membenarkan menunjukkan atau menyembunyikan komponen bergantung pada kes.

Akhirnya, dan sudah pun dengan perubahan sebelumnya, kami meneruskan untuk mengubah suai kelas Bean di mana kami mesti menambah kaedah yang sepadan untuk memadam dan menyimpan yang dipanggil dari medan "Tindakan".

Seperti yang dapat kita lihat, kaedah editPersona() menerima objek orang (daripada panggilan jsf, sama seperti ia dilakukan dalam kaedah padam) dan sifat "edit"nya diubah suai dengan menghantar nilai true, yang akan membenarkan rekod ini untuk menyembunyikan dan tunjukkan dan juga untuk melakukan perubahan yang diingini.

Sebaliknya, kaedah savePersona() akan bertanggungjawab untuk menukar setiap sifat "edit" semua objek dalam senarai kepada palsu supaya Jadual data dipulihkan dengan nilai orang dan bukan dengan elemen boleh diedit.

Apabila menjalankan sistem kami akan mempunyai yang berikut:

Dan apabila menekan edit sistem berubah kepada:

Seperti yang dapat dilihat, apabila pautan edit diklik, komponen yang boleh diedit ditunjukkan secara automatik manakala yang tidak boleh diedit disembunyikan, begitu juga pautan edit hilang untuk memberi laluan kepada pautan simpan seperti yang dijelaskan di atas.

Dan bersedia!!!

Di blog saya dan di saluran saya, saya telah berkongsi bahan tentang bahasa pengaturcaraan yang hebat ini, anda boleh menemui banyak artikel dan video dari awalSaya menunjukkan kepada anda bagaimana untuk memuat turun alat yang diperlukan untuk memulakan pengaturcaraan, kami semakin meningkat melalui konsep asas, melalui konsep pengaturcaraan berorientasikan objekpiawaian, topikstruktur data, akses kepada pangkalan data antara lain, kepada pembinaan aplikasi dengan antara muka pengguna.

Anda juga boleh mencari a kursus dari awal di mana saya mengajar cara membuat aplikasi mudah alih di android melalui urutan video langkah demi langkah yang sentiasa dikemas kini.

Dan sekarang saya juga akan memulakan urutan dari awal di mana kita akan memasuki dunia edisi java Enterprise, menunjukkan kepada anda cara untuk menyediakan persekitaran pembangunan dan cara mencipta aplikasi web pertama anda dengan java.

Itulah sebabnya saya menjemput anda untuk melawat codejavu.blogspot.com, untuk melawat saluran saya Cristian Henao dan bahawa mereka sangat mengetahui sekuel baru

Ia juga mungkin menarik minat anda.

Adakah anda ingin menambah atau mengulas tentang entri ini? berasa bebas untuk melakukan….dan jika anda menyukainya, saya menjemput anda untuk berkongsinya Y Langgan dengan mengklik butang "Sertai tapak ini" untuk mendengar lebih banyak siaran seperti ini 😉