CRUD Google Sheet dengan Google Apps Script
HTML-код
- Опубликовано: 12 сен 2024
- CRUD Google Sheet dengan Google Apps Script | Data Entry Online di Google sheet dengan Google App Scripts
Video berisi cara membuat aplikasi CRUD (input,menampilkan,edit,hapus) data dengan google app script dan data di tampung di google spreadsheet,crud operations on google sheets with google app script
Update II : Dropdown Filter dan Download Excel
• Apps Script Dropdown d...
Update III (Upload File ke G Drive)
• CRUD Google Sheet deng...
Update IV : Final/Filter tanggal,kolom control dll
• CRUD App Script Filter...
Contoh Spreadsheet:
docs.google.co...
Contoh App Google Script:
script.google....
Bahan/File Tutorial:
drive.google.c...
Multi Page Konsep
• App Script Multiple Pa...
Terima kasih kepada artikel dan proyek berikut yang menginspirasi dalam pembuatan video ini.
www.bpwebs.com...
crud google sheet, crud google sheets, crud google sheets javascript, app script crud google sheet, crud operations on google sheets, crud con google sheets,crud google app script, crud google apps script, google app script crud software, app script crud google sheet
#herystory
#googlesheets
#webapp
#appsscript
Keren bangeet!! terima kasih sudah share gratis pak, semoga jadi amal ibadah
Aamiin kak, sama²🙏
Terimakasih, auto subscribe semoga berkah pak
Aamiin pak, terimakasih 🙏
Alhamdulillah,, terima kasih bang,, semoga berkah ilmunya bang..
Aamiin, sama² kak🙏
Keren terimakasih pak, semoga ilmunya senantiasa bermanfaat. sehat selalu pak
Aamiin pak, terimakasih.
Semoga Doa nya juga kembali ke bapak,Aamiin🙏
Konten ini sangat membantu makasih kak ilmu nya
Terimakasih kak, sama² 🙏
Terima kasih atas ilmu, referensi, dan bahan latihannya
Sama sama kak🙏
Terimakasih
Please share full project, if possible in English, thank you
Asyik tenan, iki
Terimakasih kak 🙏
Sangat² membantu 🙏
Terimakasih kak🙏
suuwun pak
Sama², terimakasih 🙏
matur suwun
terimakasih ilmunya
Sama2 kak🙏
Bng kalau semisal colom tampilannya dibuat geser gimana, itu kan punya abngnya disembunyikan seseuai dengan lebar layar, sya maunya gak usah disembunyikan tetap di tampilkan kalau gak cukup tinggal digeser, biar enak liat dari layar HP ... mohon jawabnnya ... 🙏
Makasih bang sangat membantu, boleh minta emaailnya bang? ada project kecil
Om saya coba tambahin form input ny, ketika add data berjalan lancar tapi pas edit sama delet gak bisa. Kenepa ya
klo connect ke wordpress apa sama
bang mau tanya kenapa saat edit/update data muncul spinner loading terus ya ga kesave2 , tapi kalau edit/update di clear form dulu dia mau ke save? terimakasih
Matur nuwun kanggo nuduhake. Apa yen data input dawa banget lan aku pengin ngilangi garis kasebut? matur nuwun
Garis sik endi iki maksude 😂
thanks bang, tercerahkan
Siap bang,sama sama
@@HeryStory1 lebih simpel ga usah ngurus" hostingan
Iya bang,lumayan bisa buat nampung² data yang ngga harus besar🙏
Minta pencerahan
Aq sudah deploy app script nya, tp setiap buka selalu muncul peringatan "Maaf, saat ini tidak dapat membuka file.... Selesaikan berbagai hal dengan Google Drive... dst.
Setelah aq perhatikan peringatan itu muncul karena di browser aq ada lebih dari 1 akun google yg login.
Tapi anehnya kalo buka contoh app script yg mimin tulis di deskripsi bisa dibuka normal.
Ada masalah apa dg appscript yg aq buat ya min sampai tdk bisa dibuka
Gimana caranya biar kata kunci pencarianya sesuai yang di perintahkan, yang muncul hanya yang di ketik
Maksudnya seperti apa ya kak,ini juga pencarian menampilkan kata yang cocok sesuai yg diketik🙏
hi mas, aku ada masalah di sini Exception: No HTML file named JavaScript was found. (line 9, file "Code")
Izin bertanya untuk tampilan kolom search pada file apa?
Untuk tampilan search itu otomatis kak dr plug in datatablenya
Baik Terimakasih
Sama sama
Bang saya udah coba ikut petunjuknya, kalau mau submit loading lama kemungkinan apanya ya bang?
Bang mau tanya, kok tombol deletenya ga berfungsi ya ditempatku? datanya ga kehapus bang
Kak saya mau nanya bisa ga ya kita hubungkan formnya dengan yang di select itu value options nya bukan namenya, apakah datangnya bisa masuk ke google spreadsheet mohon dijawab ya 🙏🙏🙏
Klo pendapat saya pribadi, sepertinya klo select harus pakai name atau id , terus valuenya diambil dari optionnya, karena name atau id untuk meng'inisiali.🙏
@@HeryStory1 makasih banyak ya kak sangat² membantu, 🙇
Sama² bang, terimakasih🙏
hai gan, saya masukin data dan berhasil input tapi di layar script nya malah muter2 terus dan gak ada data yang masuk disheet saya, itu kenapa yah?
pas mau ngedit, kenapa tidak muncul ya datanya, mohon pencerahannya.
terima kasih
how do you reset the ID no.?
apakah bisa digunakan sharing
mas mau nanya, ko saya pas udah input data, di spreadsheetnya ada, tetapi di crud google sheetnya ggada ya
Ngga adanya itu tabelnya kosong, apa data tertentu yg tidak ada bang?
tabel kosong mas
@@HeryStory1
Coba cek di google spreedsheetnya inputan yg masuk di mulai dr baris ke 3 bukan bang, krn ngambil data untuk ditampilkan ditabel mulai baris ke 3
ohh gitu mas, tapi ketika saya input data, data saya tidak nambah melainkan malah overwrite
@@HeryStory1
Coba cek² ulang dulu bang, mungkin ada yang terlewat 🙏, seharusnya add input baris baru dan tidak mereplace
Hai kak. Bagaimana agar input "file" jdi dinamis. ? Ada tombol tambah di samping file upload
Maaf bang ,untuk ini belum pernah coba 🙏
sir phone pay potion nahi hai zip fill ke liye
mohon bantuan Exception: No HTML file named Index was found. (line 2, file "Code")
Tidak ditemukan fike bernama Index kak, coba cek lagi nama nya siapa tahu namanya index
Kak saya dah nambah 1 kolom, bagian code gs, javascript, data table dan form, tapi tidak muncul
Yang tidak muncul apanya kak🙏
bang, kalo mindahin kolom Aksi-Edit-Hapus yg tadinya berada di kolom tabel paling kanan menjadi kolom tabel setelah ID, caranya giman bang?
Coba edit yg bagian javascript yang bagian function createdtable
Sy ada kendala di bag edit data, gak bisa memunculkan data yg akan di edit pada form , ada dibag apa ya bang masalahnya
Untuk edit data yg tdk muncul, coba cek bagian codegs dibagian create form, file form, javascript bagian populate, disana ada id/name yg harus sama persisi bang🙏
Generate kolom automasi ID, menggunakan fungsi apa ya?
new Date().getTime().toString()
My copy works on desktop and android browsers.
It's not working on iOS. Can you help me?
Sorry friends, at this time I don't know and don't have a solution, I don't have an iOS device to test it🙏
bang kalo kolom 3 tidak ingin terisi whatsapp gmn ya ? soalnya d hapus error
Edit javascript bang, cari bagiaj target yang mengubah isi kolom menjadi logo wa
kak saya masih pemula, untuk tombol submit reset serta close tdk berfungsi. lalu tombol klik excel pun sama, ada solusi kah kah? thankyouuuu
Coba cek² ulang, perubahan apa yang habis dilakukan
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
hai bro. saya dari malaysia. mau nanya bagaimana sy mau sesuaikan dgn data set sy ya. contoh data set sy tidak butuh tarikh , dropdown list dan lain2 cuma mau text sahaya. bagaimana mau merubahnya,, tlg sy
Bisa di modifikasi saja hapus komponen yang tidak diperlukan, dan modif skrip sesuai kebutuhan dan google sheet anda🙏
@@HeryStory1 hello mas... aq udah cuba rubah dropdownlist kota kepada kebutuhan ku iaitu customer. dropdown list tidak berhasil..bantu dong
Coba cek nama sheetnya bang,takutnya nama sheet dirubah dan di script belum dirubah🙏
mas setelah dideploy ada tagihan gak?
terima kasih suhu,, mau tanya, klu penambahan kolom lebih dari 10 gak bsa ya suhu, mohon petunjuk
Untuk menambah kolom lumayan banyak yg harus diiedit:
-tambahkan nama kolom baru di googlesheetnya
-edit code.gs dibagian rentang kolom(function globalvariabel)
-edit juga/tambahkan form object(function getformvalues)
-edit form untuk menambahkan input datanya
-edit javascript untuk membuat nama kolom (function cratetable)
-edit javascript di function populate form(untuk menampilkan data saat akan edit data)
Udah kak tapi tetap gk muncul tabelnya
Coba cek pelan² kak, klo tabel tidak muncul dan tidak ada pesan eror dilayar, bisa jadi hanya kurang tanda/simbol di script
Klo mau bikin sesuai kprluan tambah atau rubah field, apa aja dirubah bang
Untuk penambahan/rubah
Kolom google sheet juga harus dirubah/ditambah, file kode.gs disesuaikan rentang kolom dan bagian form object, javascript jg harus dirubah bang
delete datanya kok tidak bisa ya kak? sudah masukin password, sudah muncul notif berhasil dihapus tapi datanya tidak terhapus. saya ngikutin persis di video, belum nambah kolom atau apa-apa
Coba cek² ulang kak, barangkali ada yang terlewat🙏
pasword untuk menghapus apa kak?
123
bila ingin menambahkan dropdown pada input NAMA, script yang diubah di bagian mana saja kaka
Harus menambah scrip di file code.gs, javascrip dan merubah di form nya kak , selain itu menambah data² nama di google spreedsheet nya
kalau untuk menghilangkan tombol hapus script yang dihilangkan di bagian apa kaka
File javascript script yg ini dihapus antara baris 101-103 gab
result += "";
terimakasih
Sama sama
permisi mas untuk ID nya di mana kita setting , apakah ID bisa kita atur
Untuk id di bagian codegs, pada function id di video menggunakan generate dari tanggal dan waktu
apakah bisa kita buat nomor id seperti nomor pendaftaran ...?
@@HeryStory1
mau nanya , hilangin or hide ID dari tampilan website itu gimana ya ? mau di ganti Nomor urut aja , thnkss
Sudah tak update untuk scripnya, colom id disembunyikan,bisa diwnload ulang file bahan,terimakasih🙏
@@HeryStory1 ko jadi error ya kak setelah deploy lalu klik link app script nya,,,
gini errornya
"Terjadi error pada Google Dokumen. Coba muat ulang halaman ini, atau kembali lagi dalam beberapa menit."
Cb cek di console browser kak, untuk cek erornya dimana, atau karna koneksinya tdk stabil🙏
@@HeryStory1 Terimakasih kak
Sama² kak🙏
terjadi loading lama sekali ketika input dan refress, mohon solusinya
Cb cek diconsole browser gan, apa yg membuat eror mgkin ada kolom yg tidak dikenali/lainnya
baik terima kasih mas @@HeryStory1
Bang aq tmbah kolom sheet, udah edit js, kode, form, pas udah di deploy tombol inputny ilang, tp g ad notif error, knapa ya?
Halamannya blank putih saja, atau ada tabel tanpa ada tombol input bang?
Blank putih aja, yg aq edit cuma js, code sama form aja, yg lain tdk d rubah2
Cb cek² ulang file yg di edit bang,kemungkinan ada kesalahan seperti simbol yg kurang atau semacemnya.atau cb di inspect elemen browsernya lalu cek di console bang🙏
Makasih bang sarannya🙏
Siap bang,sama sama
bang js utk memunculkan modal dialog formnya function yg mana ya?
Untuk manggil form modalnya pakai triger
data-bs-toggle='modal' data-bs-target="#myModal"
dari button langsung bang.
Untuk button input ada di file dataTable,
Untuk edit ada di file JavaScript baris 100 (onclick manggil function editData -> populateForm untuk menampilkan isian data)
makasih bang, mantapp
Sama sama bang
Exception: No HTML file named Index was found. (line 2, file "Code") bang saya ada eror gini
Ini tidak ada file yang nama Index untuk dipanggil, coba cek ulang penamaannya kak🙏
terima kasih bang Heri alhamdulilah
Siap bang, sama²...Semangat
Bang kalau untuk mencari kota di banyak sheet gimana scriptnya?
Maaf bang untuk ini saya blm bisa🙏
@@HeryStory1untuk input menolak data ganda kak dan data tersebut langsung tampil di textbox bisa tidak?
Maaf bang,yang ini saya juga blm bisa🙏
Tinggal gimana caranya Read Data melalui Telegram Bot, Pak
Maaf pak, klo ini saya belum tau🙏
Halo, bisakah Anda membantu saya mengedit dan menghapus, saya telah mengubah dan menambahkan kolom baru, tetapi mengedit dan menghapus tidak berfungsi untuk saya, saya dapat berbagi file saya dengan Anda
Telegram gan, klo saya bisa nanti tak bantu
t.me/herystory
Ketika Save Data Loading aja saya bang
Yang mengalami spt ini biasanya krn nama sheetnya bukan Data, dan sheetID nya bukan 0, cb cek2 ulang bang dibagian code gs di function globalvariabel sesuaikan dgn yg abang pakai
Kenapa yah mas saya tidaj bisa dibuka di hp
Coba hapus cache browser dulu gan, atau cb buka di app browser lain
Mau beli jasa buat kaya gitu, tp sesuai request ada wa atau email yg bisa dihubungi?
Mohon maaf pak, saya tidak buka jasa apapun di internet🙏...atau boleh diskusi via telegram barangkali saya bisa bantu
t.me/herystory
Min kok sama yang contoh udah jadi sama yang di tutorial beda nih... Bagusan yang udah jadi..
Minta code yang kaya contoh link dong min😂😂
Ada di deskripsi gan, karna sdh update script penambahan dropdown sama download (video ke 2)
Kalau mau belajar secara privat bisa gk bang ?
Maaf kak, saya juga masih tahap belajar🙏
kotanya bisa ditambah kak?
Bisa kak, edit googlesheet nya yg sheet kota bisa ditambah/ganti
@@HeryStory1 langsung diganti saja kak di halaman sheet nya?
Iya kak,yg kolom A berisi daftar kota itu bisa diganti/ditambahkan langsung
Ini inputnya bs dari hp ga?
Bisa bang
Menu form nya bisa dtambah mas?.. misal nik dsb
Bisa bang,tapi harus merubah kolom google sheet dan menambah/merubah scriptnya🙏
Sip.. oya bang sheet k2 (kota) nama kota kok engga muncul yah di drop ?
Pas edit apa pas input bang
Pas input bang tidak muncul, pdahal sudah di isi di shet 2 bang
Cb inspect element di browsernya bang,terus klik console ada yg nunjukin eror tidak bang (tanda seru merah)
Pak untuk id nya di acak?,
Untuk id ini generate otomatis bang, dari tanggal dan waktu saat inputan masuk ke googlesheetnya
@@HeryStory1 kalau hapus idnya gimana kak?
Klo id nya dihapus,nanti edit dan hapus datanya bisa bermasalah kak
bang numpang tanya, ini kok ketika hendak menghapus kok muncul password yaa, untuk tau passwordnya dari mana yaa bang ?
Ada kang di file JavaScript.html bagian ini
preConfirm: () => {
var pass = "123";
@@faiz_k09 siap kang sudah, makasih banyak
Sama² bang
@@HeryStory1kang untuk delete data yang ga perlu masukin password, ngeditnya itu bagian mana saja?
Edit javascriptnya cari function deleteData(el) ganti dengan ini
function deleteData(el) {
Swal.fire({
title: 'Yakin ingin hapus data?',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
cancelButtonText: 'Batal',
confirmButtonText: 'Hapus'
}).then((result) => {
if (result.isConfirmed) {
Swal.fire(
'File telah dihapus!',
)
var recordId = el.parentNode.parentNode.cells[0].innerHTML;
google.script.run.withSuccessHandler(createTable).deleteData(recordId);
}
});
}
bang ada password pas mau hapus itu apa ya
123, passwordnya masih hardcode ditulis di javascript di function delete data
password untuk delete apa pak?🙏🙏🙏
123
Gimna isi scriptnya,
Adminnya tinggal copas copas
Itu script sudah jadi bang, jadi tinggal copas² saja sesuai nama
Kak, minta no WA kak
Telegram aja ya gan
t.me/herystory
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Bang, boleh dibuatkan video CRUD sederhana tapi menggunakan angka misal harga, qty , tanggal, kode barang tanpa drop down list.. saya coba hapus beberapa skrip malah error...sebelumnya terima kasih Bang..oiya, saat isi form angka, apakah bisa muncul dalam format pemisah ribuan , sehingga pas input misal 1.015.972.200 langsung jelas dibandingkan menulis muncul 1015972200
Mungkin lain waktu kak🙏 , untuk merubah format angka menjadi nominal rupiah bisa pakai bantuan javascripr
@@HeryStory1 ditunggu Bang... Terima kasih.. saya kurang paham, jadi tunggu video abang saja
Klo keterangan nya File html dengan nama styles tidak ditemukan : (baris 9, file "kode") apanya yg salah ya?
Tidak ada file dgn nama styless di app script🙏
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
untuk menambah misal 2 pilihan drop down list lagi, caranya bagaimana Pak,
Untuk penambahan input harus disesuaikan juga pak,melakukan penambahab di kolom googlesheet, melakukan penambahan script di file code.gs javascrip dan form
@@HeryStory1 boleh dibuatkan tambahan coding nya Pak..saya pemula masih bingung
Bisa share googlesheet nya seperti apa pak, dan yg akan dibuat isian dropdown kolom apa saja
@@HeryStory1
Form Input-Edit
Submit Reset Close
hasil saya kayak gini kenapa ya mas
Coba cek² ulang bang,mgkin tidak sengaja mengetik simbol atau lainnya,yg membuat struktur html nya rusak🙏
bang kalo pas klik edit data nya blank itu kenapa ya
Formnya kosong semua berarti bang,atau beberapa kosong,bebrapa isi
Untuk datanya setelah di submit ulang semua lancar nggak ada yang kosong bang ,,, yang nggak bisa jalan itu pas edit dan delete
Maksudnya diedit lalu disubmit datanya tidak berubah?, klo iya pastikan tombol edit dimasukkan ke target coloumdeft, edit file javascript bang di function createTable cari coloumDefs bagian targets edit angkanya , mungkin ini habis nambah kolom ya
Betul bang nambah kolom , awalnya lancar² aja
Lama setelah nambah kolom agak banyak sampe bentuk tabelnya muncul expand ya logo + warna biru ... nah dari situ tombol edit sama delete nya stak nggak fungsi
Udah mantap ilmu nya bang makasih banyak sebelumnya , greget aja kenapa jadi nggak fungsi ...
Di formnya udah lengkap name sama id juga . Intinya kalo proses input data mh aman bang ... cuman edit sama delete aja yang nggak fungsi
Kolom edit dan hapus harus muncul ditabel utama bang, jangan sampai muncul di expand nanti tidak berfungsi, edit di file javascript bang
columnDefs: [{
targets: [1, 8, 9],
className: 'all',
},
8,9 adalah nomor kolom edit dan hapus di spreadsheet saya jadi abang sesuaikan/ganti sesuai spreadsheet yang abang pakai.
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)
Setelah Deployment baru ada note File HTML dgn nama Index tidak ditemukan (baris 2, file "kode") itu knp ya bang?
Cek nama file Index mas, pastikan huruf i nya kapital (Index)