Instance lingkungan antarmuka pengguna untuk Aplikasi Google yang memungkinkan skrip untuk ditambahkan fitur seperti menu, dialog, dan bilah sisi. Skrip hanya dapat berinteraksi dengan UI untuk instance dari editor yang terbuka saat ini, dan hanya jika skrip diikat container ke editor.
// Display a dialog box with a title, message, input field, and "Yes" and "No" buttons. The // user can also close the dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.prompt('Getting to know you', 'May I know your name?', ui.ButtonSet.YES_NO); // Process the user's response. if (response.getSelectedButton() == ui.Button.YES) { Logger.log('The user\'s name is %s.', response.getResponseText()); } else if (response.getSelectedButton() == ui.Button.NO) { Logger.log('The user didn\'t want to provide a name.'); } else { Logger.log('The user clicked the close button in the dialog\'s title bar.'); }
Properti
Properti | Jenis | Deskripsi |
---|---|---|
Button | Button | Enum yang mewakili tombol dialog yang dilokalkan dan telah ditentukan yang ditampilkan oleh alert atau PromptResponse.getSelectedButton() untuk menunjukkan
tombol mana dalam dialog yang diklik pengguna. |
ButtonSet | ButtonSet | Sebuah enum yang mewakili serangkaian yang telah ditentukan dan dilokalkan dari satu atau beberapa tombol dialog yang dapat ditambahkan ke pemberitahuan atau perintah. |
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
alert(prompt) | Button | Membuka kotak dialog di editor pengguna yang berisi pesan yang diberikan dan pesan "Oke" tombol. |
alert(prompt, buttons) | Button | Membuka kotak dialog di editor pengguna yang berisi pesan dan kumpulan tombol tertentu. |
alert(title, prompt, buttons) | Button | Membuka kotak dialog di editor pengguna yang berisi judul, pesan, dan serangkaian tombol tertentu. |
createAddonMenu() | Menu | Membuat builder yang dapat digunakan untuk menyisipkan submenu ke dalam menu Extensions pada editor. |
createMenu(caption) | Menu | Membuat builder yang dapat digunakan untuk menambahkan menu ke antarmuka pengguna editor. |
prompt(prompt) | PromptResponse | Membuka kotak dialog input di editor pengguna yang berisi pesan yang diberikan dan pesan "OK" tombol. |
prompt(prompt, buttons) | PromptResponse | Membuka kotak dialog input di editor pengguna yang berisi pesan dan kumpulan tombol tertentu. |
prompt(title, prompt, buttons) | PromptResponse | Membuka kotak dialog input di editor pengguna yang berisi judul, pesan, dan rangkaian tombol. |
showModalDialog(userInterface, title) | void | Membuka kotak dialog modal di editor pengguna yang berisi konten sisi klien kustom. |
showModelessDialog(userInterface, title) | void | Membuka kotak dialog tanpa mode di editor pengguna dengan konten sisi klien kustom. |
showSidebar(userInterface) | void | Membuka sidebar di editor pengguna dengan konten sisi klien kustom. |
Dokumentasi mendetail
alert(prompt)
Membuka kotak dialog di editor pengguna yang berisi pesan yang diberikan dan pesan "Oke" tombol. Metode ini
menangguhkan skrip sisi server saat dialog terbuka. Skrip dilanjutkan setelah pengguna
menutup dialog, tetapi Jdbc
koneksi dan kunci LockService
tidak
tetap ada selama penangguhan. Untuk informasi selengkapnya, lihat panduan untuk dialog dan sidebar.
// Display "Hello, world" in a dialog box with an "OK" button. The user can also close the // dialog by clicking the close button in its title bar. SpreadsheetApp.getUi().alert('Hello, world');
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
Pulang pergi
Button
— Tombol yang diklik pengguna.
alert(prompt, buttons)
Membuka kotak dialog di editor pengguna yang berisi pesan dan kumpulan tombol tertentu. Metode ini
menangguhkan skrip sisi server saat dialog terbuka. Skrip dilanjutkan setelah pengguna
menutup dialog, tetapi Jdbc
koneksi dan kunci LockService
tidak
tetap ada selama penangguhan. Untuk informasi selengkapnya, lihat panduan untuk dialog dan sidebar.
// Display a dialog box with a message and "Yes" and "No" buttons. The user can also close the // dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.alert('Are you sure you want to continue?', ui.ButtonSet.YES_NO); // Process the user's response. if (response == ui.Button.YES) { Logger.log('The user clicked "Yes."'); } else { Logger.log('The user clicked "No" or the close button in the dialog\'s title bar.'); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
buttons | ButtonSet | Tombol yang disetel untuk ditampilkan di kotak dialog. |
Pulang pergi
Button
— Tombol yang diklik pengguna.
alert(title, prompt, buttons)
Membuka kotak dialog di editor pengguna yang berisi judul, pesan, dan serangkaian tombol tertentu. Ini
menangguhkan skrip sisi server saat dialog terbuka. Skrip akan dilanjutkan setelah
pengguna menutup dialog, tetapi Jdbc
koneksi dan kunci LockService
tidak
tetap ada selama penangguhan. Untuk informasi selengkapnya, lihat panduan untuk dialog dan sidebar.
// Display a dialog box with a title, message, and "Yes" and "No" buttons. The user can also // close the dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.alert('Confirm', 'Are you sure you want to continue?', ui.ButtonSet.YES_NO); // Process the user's response. if (response == ui.Button.YES) { Logger.log('The user clicked "Yes."'); } else { Logger.log('The user clicked "No" or the close button in the dialog\'s title bar.'); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
title | String | Judul yang akan ditampilkan di atas kotak dialog. |
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
buttons | ButtonSet | Tombol yang disetel untuk ditampilkan di kotak dialog. |
Pulang pergi
Button
— Tombol yang diklik pengguna.
createAddonMenu()
Membuat builder yang dapat digunakan untuk menyisipkan submenu ke dalam menu Extensions pada editor. Tujuan
menu tidak benar-benar diperbarui
hingga Menu.addToUi()
dipanggil. Jika skrip berjalan
sebagai add-on, nama sub-menu akan sesuai dengan nama add-on di Web Store; jika skrip terikat ke dokumen secara langsung, nama sub-menu
cocok dengan nama skrip. Untuk mengetahui informasi selengkapnya, lihat panduan menu.
// Add an item to the Add-on menu, under a sub-menu whose name is set automatically. function onOpen(e) { SpreadsheetApp.getUi() .createAddonMenu() .addItem('Show', 'showSidebar') .addToUi(); }
Pulang pergi
Menu
— Pembuat menu baru.
createMenu(caption)
Membuat builder yang dapat digunakan untuk menambahkan menu ke antarmuka pengguna editor. Menu tidak
yang benar-benar ditambahkan hingga Menu.addToUi()
dipanggil. Untuk mengetahui informasi selengkapnya, lihat panduan menu. Label untuk menu tingkat
atas harus
dalam kapitalisasi judul (semua kata utama menggunakan huruf kapital), meskipun label untuk sub-menu harus dalam huruf
kapitalisasi kalimat (hanya kata pertama yang menggunakan huruf besar). Jika skrip dipublikasikan sebagai add-on, parameter caption
akan diabaikan dan
ditambahkan sebagai sub-menu dari menu Extensions, setara dengan createAddonMenu()
.
// Add a custom menu to the active document, including a separator and a sub-menu. function onOpen(e) { SpreadsheetApp.getUi() .createMenu('My Menu') .addItem('My menu item', 'myFunction') .addSeparator() .addSubMenu(SpreadsheetApp.getUi().createMenu('My sub-menu') .addItem('One sub-menu item', 'mySecondFunction') .addItem('Another sub-menu item', 'myThirdFunction')) .addToUi(); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
caption | String | Label untuk menu, dengan semua kata utama menggunakan huruf besar untuk menu tingkat atas, atau hanya kata pertama yang dikapitalisasi untuk sub-menu. |
Pulang pergi
Menu
— Pembuat menu baru.
prompt(prompt)
Membuka kotak dialog input di editor pengguna yang berisi pesan yang diberikan dan pesan "OK" tombol. Ini
menangguhkan skrip sisi server saat dialog terbuka. Skrip akan dilanjutkan setelah
pengguna menutup dialog, tetapi Jdbc
koneksi dan kunci LockService
tidak
tetap ada selama penangguhan. Untuk informasi selengkapnya, lihat panduan untuk dialog dan sidebar.
// Display a dialog box with a message, input field, and an "OK" button. The user can also // close the dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.prompt('Enter your name:'); // Process the user's response. if (response.getSelectedButton() == ui.Button.OK) { Logger.log('The user\'s name is %s.', response.getResponseText()); } else { Logger.log('The user clicked the close button in the dialog\'s title bar.'); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
Pulang pergi
PromptResponse
— Representasi respons pengguna.
prompt(prompt, buttons)
Membuka kotak dialog input di editor pengguna yang berisi pesan dan kumpulan tombol tertentu. Ini
menangguhkan skrip sisi server saat dialog terbuka. Skrip akan dilanjutkan setelah
pengguna menutup dialog, tetapi Jdbc
koneksi dan kunci LockService
tidak
tetap ada selama penangguhan. Untuk informasi selengkapnya, lihat panduan untuk dialog dan sidebar.
// Display a dialog box with a message, input field, and "Yes" and "No" buttons. The user can // also close the dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.prompt('May I know your name?', ui.ButtonSet.YES_NO); // Process the user's response. if (response.getSelectedButton() == ui.Button.YES) { Logger.log('The user\'s name is %s.', response.getResponseText()); } else if (response.getSelectedButton() == ui.Button.NO) { Logger.log('The user didn\'t want to provide a name.'); } else { Logger.log('The user clicked the close button in the dialog\'s title bar.'); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
buttons | ButtonSet | Tombol yang disetel untuk ditampilkan di kotak dialog. |
Pulang pergi
PromptResponse
— Representasi respons pengguna.
prompt(title, prompt, buttons)
Membuka kotak dialog input di editor pengguna yang berisi judul, pesan, dan rangkaian
tombol. Metode ini menangguhkan skrip sisi server saat dialog terbuka. Naskah
dilanjutkan setelah pengguna menutup dialog, namun koneksi Jdbc
dan kunci LockService
tidak akan dipertahankan di seluruh
penangguhan pembayaran. Untuk informasi selengkapnya, lihat panduan untuk
dialog, dan sidebar.
// Display a dialog box with a title, message, input field, and "Yes" and "No" buttons. The // user can also close the dialog by clicking the close button in its title bar. var ui = SpreadsheetApp.getUi(); var response = ui.prompt('Getting to know you', 'May I know your name?', ui.ButtonSet.YES_NO); // Process the user's response. if (response.getSelectedButton() == ui.Button.YES) { Logger.log('The user\'s name is %s.', response.getResponseText()); } else if (response.getSelectedButton() == ui.Button.NO) { Logger.log('The user didn\'t want to provide a name.'); } else { Logger.log('The user clicked the close button in the dialog\'s title bar.'); }
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
title | String | Judul yang akan ditampilkan di atas kotak dialog. |
prompt | String | Pesan yang akan ditampilkan di kotak dialog. |
buttons | ButtonSet | Tombol yang disetel untuk ditampilkan di kotak dialog. |
Pulang pergi
PromptResponse
— Representasi respons pengguna.
showModalDialog(userInterface, title)
Membuka kotak dialog modal di editor pengguna yang berisi konten sisi klien kustom. Metode ini melakukan
tidak menangguhkan skrip sisi server saat dialog terbuka. Untuk berkomunikasi dengan
skrip sisi server, komponen sisi klien harus melakukan callback asinkron menggunakan google.script
API untuk HtmlService
. Untuk menutup dialog
secara terprogram, panggil
google.script.host.close()
di sisi klien web HtmlService
. Untuk informasi selengkapnya, lihat panduan dialog dan
sidebar.
Dialog modal mencegah pengguna berinteraksi dengan apa pun selain dialog. Menurut kontras, dialog tanpa mode dan sidebar memungkinkan pengguna berinteraksi dengan editor. Di hampir semua kasus, dialog modal atau sidebar adalah pilihan yang lebih baik daripada dialog tanpa mode.
// Display a modal dialog box with custom HtmlService content. var htmlOutput = HtmlService .createHtmlOutput('<p>A change of speed, a change of style...</p>') .setWidth(250) .setHeight(300); SpreadsheetApp.getUi().showModalDialog(htmlOutput, 'My add-on');
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
userInterface | Object | HtmlOutput
yang merepresentasikan antarmuka
yang akan ditampilkan. |
title | String | Judul dialog; mengganti judul apa pun yang ditetapkan dengan memanggil setTitle() di
objek userInterface . |
Otorisasi
Skrip yang menggunakan metode ini memerlukan otorisasi dengan satu atau beberapa cakupan berikut:
-
https://www.googleapis.com/auth/script.container.ui
showModelessDialog(userInterface, title)
Membuka kotak dialog tanpa mode di editor pengguna dengan konten sisi klien kustom. Metode ini
tidak menangguhkan skrip sisi server saat dialog terbuka. Untuk berkomunikasi dengan
skrip sisi server, komponen sisi klien harus melakukan callback asinkron menggunakan google.script
API untuk HtmlService
. Untuk menutup dialog
secara terprogram, panggil
google.script.host.close()
di sisi klien web HtmlService
. Untuk informasi selengkapnya, lihat panduan dialog dan
sidebar.
Dialog tanpa mode memungkinkan pengguna berinteraksi dengan editor di belakang dialog. Sebaliknya, dialog modal. Di hampir semua kasus, sebuah modal atau sidebar adalah pilihan yang lebih baik daripada dialog tanpa mode.
// Display a modeless dialog box with custom HtmlService content. var htmlOutput = HtmlService .createHtmlOutput('<p>A change of speed, a change of style...</p>') .setWidth(250) .setHeight(300); SpreadsheetApp.getUi().showModelessDialog(htmlOutput, 'My add-on');
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
userInterface | Object | HtmlOutput
yang merepresentasikan antarmuka
yang akan ditampilkan. |
title | String | Judul dialog; mengganti judul apa pun yang ditetapkan dengan memanggil setTitle() di
objek userInterface . |
Otorisasi
Skrip yang menggunakan metode ini memerlukan otorisasi dengan satu atau beberapa cakupan berikut:
-
https://www.googleapis.com/auth/script.container.ui
showSidebar(userInterface)
Membuka sidebar di editor pengguna dengan konten sisi klien kustom. Metode ini melakukan
tidak menangguhkan skrip sisi server saat sidebar terbuka. Untuk berkomunikasi dengan
skrip sisi server, komponen sisi klien harus melakukan callback asinkron menggunakan google.script
API untuk HtmlService
. Untuk menutup sidebar
secara terprogram, panggil
google.script.host.close()
di sisi klien web HtmlService
. Untuk informasi selengkapnya, lihat panduan dialog dan
sidebar.
Sidebar ditampilkan di sisi kanan editor untuk pengguna yang lingkungannya menggunakan dari kiri-ke-kanan dan sisi kiri editor untuk bahasa yang ditulis dari kanan-ke-kiri. Semua lebar bilah sisi yang ditampilkan skrip adalah 300 piksel.
// Display a sidebar with custom HtmlService content. var htmlOutput = HtmlService .createHtmlOutput('<p>A change of speed, a change of style...</p>') .setTitle('My add-on'); SpreadsheetApp.getUi().showSidebar(htmlOutput);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
userInterface | Object | HtmlOutput
yang merepresentasikan antarmuka
yang akan ditampilkan. |
Otorisasi
Skrip yang menggunakan metode ini memerlukan otorisasi dengan satu atau beberapa cakupan berikut:
-
https://www.googleapis.com/auth/script.container.ui