Jadi dalam pelajaran terakhir kita melihat bagaimana kita dapat menambahkan item baru ke dalam daftar Aktivitas kita dengan mengalihkan basis
data kita dari array ke Mongar.
DP Dalam pelajaran ini saya ingin melihat fungsionalitas lain yang kami janjikan kepada orang-orang, yaitu bahwa
ketika kami mengklik salah satu kotak teks ini, ia seharusnya dapat menghapus item saat ini.
Itu tidak benar-benar melakukan itu.
Itu hanya memotongnya.
Tetapi katakan jika kita memiliki daftar yang sangat panjang untuk dilakukan dan kita memiliki banyak hal maka itu akan mengacaukan
halaman dan kita klik saja.
Kanan.
Itu tidak benar-benar perlu ada di sana lagi setelah saya memeriksanya.
Saya ingin menghapus daftar saya.
Jadi saya ingin dapat menghapus item ketika saya mengklik kotak centang di
sebelahnya dan untuk itu kita harus menghapus dokumen tertentu dari koleksi item di dalam daftar kami.
E. J ..
Ya, Anda bisa melihatnya.
Saat ini kami memiliki input yang disebut kotak centang ini dan di sebelahnya kami memiliki nama item dalam paragraf.
Jika kami ingin mengirim beberapa data ketika kotak centang itu diklik, maka kami bertemu lagi formulir dan rute
pos.
Jadi mari kita lanjutkan dan buat formulir baru dan kita akan membungkus formulir itu di sekitar item div kita setelah
kita mengelompokkan input dan paragraf ke dalam formulir baru ini.
Hal pertama yang Anda perhatikan ketika Anda menekan save dan Anda kembali ke daftar tugas kami
adalah ketika Anda menyegarkan penataannya terlihat sedikit berbeda.
Kanan.
Ini terlihat agak aneh.
Dan alasan untuk ini adalah karena di stylesheet kami.
Jadi jika Anda masuk ke gaya CSSA publik CSX, Anda dapat melihat bahwa kami memiliki aturan CSSA yang
menargetkan elemen formulir HMO kami dan ini akan menerapkan pusat garis TX dan margin yang tersisa untuk semua elemen formulir kami yang bukan
yang kita inginkan.
Kami hanya menginginkannya untuk formulir ini dan bukan yang ini.
Jadi apa bedanya di sini.
Nah yang ini memiliki kelas item.
Jadi itu punya kelas dan juga elemen bentuk.
Jadi jika kita ingin osseous kita menjadi lebih spesifik maka kita bisa mengatakan
untuk aturan ini seharusnya hanya berlaku untuk semua formulir HMO yang juga memiliki item kelas.
Sekarang jika kita menekan save dan kita kembali ke daftar To-Do kita dan tekan refresh maka Anda dapat
melihat bahwa gaya kami sebelumnya dipulihkan.
Jadi sekarang kita memperbaiki CSSA dan menata hal berikutnya yang harus diatasi adalah di mana formulir ini
akan dikirim ke Will untuk menentukan bahwa kita memerlukan tindakan dan metode yang tepat.
Jadi jika kita teruskan saja dan salin ke elemen form ini maka pall yang akan
kita pertahankan adalah form ini juga akan membuat request post tetapi rute sekarang akan terpisah dari apa
yang kita punya sini.
Rute ini bertanggung jawab untuk menambahkan item baru.
Jadi rute ini harus bertanggung jawab untuk menghapus barang yang diperiksa.
Mari kita tambahkan route acorde forward slash delete dan tekan save.
Sekarang di dalam J. apt up kami S. tepat di bawah rute posting kami yang
lain, kami dapat menambahkan rute baru ini sehingga kami dapat mengatakan aplikasi titik posting dan rute itu kode untuk Slash delete dan ini
juga akan memiliki panggilan balik reken rez dan sekarang saya akan konsol log cukup minta dot tubuh.
Jadi apa yang dikirim pada dasarnya dari formulir kami di dalam daftar Ejaz karena kami tahu
bahwa di sini, di pos kami yang tepat, kami menerima barang baru yang dikirim karena dalam formulir itu kami
memiliki input dengan jenis teks dan memiliki nama item baru dan kami akan mengirimkan apa pun
yang diketikkan pengguna ke rute ini melalui badan permintaan.
Jika kita menjalankan aplikasi kita sekarang, mari kita lihat apa log konsol kita untuk permintaan atas
tubuh kita kecurangan menghapus kecoak.
Saya akan menyegarkan daftar tugas saya dan saya hanya akan memeriksa salah satu kotak ini.
Dan jika kita melihat ke dalam konsol kita maka Anda dapat melihat bahwa sama sekali tidak ada yang terjadi.
Dan alasannya adalah karena di dalam setidaknya dipikirkan E. J. adalah jika Anda ingat kami
benar-benar memiliki tombol ini di sini dan jenisnya adalah kirim.
Dan setiap kali kita memiliki tombol kirim di mana saja di dalam formulir maka
tugasnya adalah ketika ditekan akan mengirimkan semua data di dalam formulir dan membuat permintaan posting ke rute yang diperlukan.
Namun sekarang dalam formulir ini kami tidak memiliki cara pengiriman dan terlihat jelek jika kami menambahkan tombol kirim di sebelah
kotak centang di sebelah kanan.
Maksud saya idealnya apa yang kita inginkan adalah setiap kali kita mengambil kotak centang kita hanya ingin dapat
menghapus item itu.
Tindakan harus terjadi ketika kami memeriksa kotak centang.
Jadi bagaimana kita bisa mendapatkan formulir untuk dikirimkan ketika kotak centang dicentang.
Nah, jika kami tidak memiliki ide yang lebih baik maka kami selalu dapat meminta teman terbaik pengembang.
Kanan.
Google.
Jadi jika kita memasukkan formulir kirim permintaan ketika kotak centang dicentang misalnya.
Itu tampak seperti apa yang kita inginkan.
Dan jika kita klik tumpukan pertama, maka orang tersebut bertanya bagaimana Anda mengirimkan formulir
ketika kotak centang dicentang.
Kedengarannya seperti apa yang kita inginkan.
Jadi, jika Anda gulir ke bawah, jawaban pertama memberi tahu kami bahwa dalam javascript biasa cukup tambahkan atribut ini
pada perubahan ke input yang akan berubah dan kemudian di dalamnya.
Tambahkan saja sedikit potongan kode javascript untuk mengirimkan formulir saat ini.
Mari kita lanjutkan dan salin ini ke input kami.
Masukan yang kami ingin memicu pengiriman tentu saja buku cek kami.
Selain memiliki tipe itu sekarang juga akan memiliki atribut onchange dan itu berarti ketika
kotak centang berubah.
Jadi dari dicentang ke tidak dicentang dicentang untuk dicentang maka kita akan menjalankan baris kode javascript ini yang
akan mengambil bentuk saat ini bahwa input ada di dalam.
Jadi yang ini akan mengirimkannya untuk membuat permintaan pos untuk menghapus rute.
Selain hanya mendapatkan formulir untuk dikirimkan, kami juga memerlukan cara mengakses input ini untuk melakukannya.
Kami harus memberikannya nama untuk input teks kami untuk menambahkan item baru.
Kami memberinya nama item baru yang memungkinkan kami memanfaatkannya di dalam tubuh permintaan.
Jadi untuk kotak centang ini kita juga akan memberikan nama dan saya akan memberikannya sesuatu yang sangat sederhana.
Saya hanya akan menyebutnya kotak centang.
Jadi sekarang jika kita menyimpan kode kita dan kembali ke konsol kita dan menyegarkan halaman kita maka saya akan mengklik salah
satu kotak ini untuk memeriksanya
Dan sekarang jika saya melihat-lihat di dalam konsol saya, Anda dapat melihat bahwa saya telah mencetak nilai hidup untuk kotak centang saya
dan ini berasal dari pernyataan log yang ada di dalam aplikasi saya, tidak hanya di dalam rute ini.
Inilah yang sedang dicatat sekarang.
Dan tentu saja sekarang saya dapat memanfaatkan kotak centang yang disebut ini.
Jadi jika saya menekan save sekarang dan saya me-refresh halaman saya dan kembali ke rute rute saya me-refresh halaman saya dan memeriksa salah satu item
yang dapat Anda lihat
Saya sekarang mendapatkan nilai dari request up body yang aktif tidak sangat berguna bagi kami.
Kanan.
Yang kami inginkan adalah nama barang yang sebenarnya mereka periksa.
Jadi kita tahu bahwa atau untuk setiap loop akan memberikan kotak centang sebanyak yang kita punya item dalam koleksi
item kami.
Itu berarti bahwa kita juga dapat menetapkan nilai ke kotak centang kita berdasarkan ID item di dalam sini saya akan menambahkan
atribut lain yang disebut nilai dan nilai ini akan sama dengan beberapa nilai pantat Ejay.
Jadi saya akan menambahkan bahwa tanda kurung sudut persentase klasik sama dengan dan kemudian saya akan
menutupnya dengan tanda kurung sudut persen di dalam sini.
Saya akan memanfaatkan objek barang yang kami dapatkan aksesnya dan saya akan memanfaatkan ID-nya.
Ingat ketika kami melewati item daftar baru, kami melewati array dokumen Mongo.
Masing-masing dokumen pada masing-masing item yang kami lewati ini memiliki nama dan juga ID.
Jadi jika saya mengikat ID itu dengan nilai dari masing-masing kotak centang maka ketika diperiksa saya dapat mengirimkan formulir
ini dan mencari tahu item mana yang benar-benar dicentang.
Jadi sekarang mari kita tekan save dan mari kita me-refresh halaman rumah kita dan memeriksa salah satu item.
Dan sekarang Anda bisa melihat saya sudah mendapatkan ID item itu.
Jadi, begitu saya sudah mendapatkan ID, maka segala sesuatu yang lain jadi lebih mudah karena kita sekarang dapat menghapus
item dengan ID tertentu.
Di dalam kami memilih J. S. alih-alih Konsole mencatat ini, saya
akan mengikatnya ke konstanta dan itu akan disebut id item yang dicentang dan itu hanya akan sama dengan permintaan kotak centang sobat dot.
Dan sekarang sebagai tantangan saya ingin Anda menghapus item dari database yang memiliki ID dari
yang diperiksa kembali sebagai pengingat dalam dokumentasi luwak.
Anda dapat menemukan metode bernama find by id dan hapus.
Yang sepertinya cukup banyak seperti apa yang perlu kita lakukan.
Jadi dalam hal ini kami cukup memberikan ID sebagai argumen dan kemudian kami memiliki panggilan balik untuk menangani
kesalahan atau keberhasilan log.
Dan ketika ini dijalankan, ia harus menghapus dokumen itu dengan ID tertentu.
Jeda video dan cobalah untuk menyelesaikan tantangan.
Baiklah jadi mari kita lakukan itu di sini di mana kita punya akses ke I. D ..
Saya akan memanfaatkan koleksi item menggunakan model item itu dan kemudian saya akan memanggil menemukan ID saya dan
menghapus dan memastikan bahwa Anda tidak memiliki kesalahan ketik di sana.
Dan kemudian ID tentu saja akan menjadi id item yang dicentang
dan kemudian kami akan memberikan panggilan balik itu untuk melihat apakah ada kesalahan dan
jika tidak ada kesalahan maka dalam hal ini kami hanya akan mencatat bahwa barang yang dicentang berhasil dihapus.
Sekarang jika kami memeriksa dokumentasi API luwak dan Anda menemukan find by id dan menghapus metode jika Anda
membacanya dengan buruk memberi tahu Anda bahwa jika Anda tidak memberikan panggilan balik, itu tidak akan benar-benar melaksanakan penghapusan.
Hanya ketika ada panggilan balik di sana apakah itu benar-benar melaksanakannya.
Sedangkan jika hanya memiliki ID atau opsi maka sakit hanya kembali permintaan.
Saya hanya akan menemukan item dengan ID.
Jadi untuk mendapatkan dan menghapus bagian kami harus memberikan panggilan balik.
Bahkan jika Anda tidak peduli untuk memeriksa apakah ada kesalahan atau tidak, mari kita tekan save dan mari kembali ke
rute Roueche kami dan mencoba untuk menghapus salah satu item ini.
Sekali lagi antarmuka web kami tidak memperbarui tetapi jika Anda pergi ke konsol itu mengatakan bahwa itu berhasil
menghapus item yang dicentang yang berarti bahwa itu mungkin telah dihapus.
Dan jika kita kembali memeriksa shell Mungo kita dan kita memang membutuhkan barang yang tidak ditemukan maka
memang barang yang baru saja kita periksa di sini tekan ini untuk menghapus item yang tidak lagi ada dalam koleksi barang kita.
Tetapi agar itu merefleksikan halaman web kita sekali lagi kita harus memanggil penulisan ulang yang bisa
kita katakan redstart kembali langsung ke rute rumah.
Dan sekarang ia akan menemukan semua barang yang masih kami miliki di koleksi barang kami dan merendernya
di halaman.
Jadi sekarang mari kita kembali ke halaman rumah kita dan mari kita hapus beberapa yang acak ini.
Kemudian Anda dapat melihat bahwa mereka semua baru saja dicoret dan dihapus.
Membuatku benar.