Class TextInput

TextInput

Widget kolom input yang menerima input teks.

Tersedia untuk Add-on Google Workspace dan aplikasi Google Chat.

const textInput = CardService.newTextInput()
                      .setFieldName('text_input_form_input_key')
                      .setTitle('Text input title')
                      .setHint('Text input hint');

Metode

MetodeJenis hasil yang ditampilkanDeskripsi singkat
setFieldName(fieldName)TextInputMenetapkan kunci yang mengidentifikasi input teks ini dalam objek peristiwa yang dihasilkan saat ada interaksi UI.
setHint(hint)TextInputMenetapkan petunjuk untuk input teks.
setMultiline(multiline)TextInputMenetapkan apakah teks input ditampilkan di satu baris atau beberapa baris.
setOnChangeAction(action)TextInputMenetapkan tindakan yang akan dilakukan setiap kali input teks berubah.
setSuggestions(suggestions)TextInputMenetapkan saran untuk pelengkapan otomatis di kolom teks.
setSuggestionsAction(suggestionsAction)TextInputMenetapkan tindakan callback untuk mengambil saran berdasarkan input pengguna untuk pelengkapan otomatis.
setTitle(title)TextInputMenetapkan judul yang akan ditampilkan di atas kolom input.
setValidation(validation)TextInputMenetapkan aturan validasi untuk widget ini.
setValue(value)TextInputMenetapkan nilai yang diisi otomatis untuk ditetapkan di kolom input.

Dokumentasi mendetail

setFieldName(fieldName)

Menetapkan kunci yang mengidentifikasi input teks ini dalam objek peristiwa yang dihasilkan saat ada interaksi UI. Tidak terlihat oleh pengguna. Wajib diisi, harus unik.

Parameter

NamaJenisDeskripsi
fieldNameStringKunci yang digunakan untuk mengidentifikasi input ini.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setHint(hint)

Menetapkan petunjuk untuk input teks. Digunakan untuk memberi pengguna panduan tambahan tentang apa yang harus dimasukkan. Misalnya, petunjuk dapat menjelaskan format ("xxx-xxx-xxxx") untuk kolom nomor telepon.

Parameter

NamaJenisDeskripsi
hintStringPetunjuk teks yang akan ditampilkan di bawah kolom input. Teks ini selalu terlihat.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setMultiline(multiline)

Menetapkan apakah teks input ditampilkan dalam satu baris atau beberapa baris.

Parameter

NamaJenisDeskripsi
multilineBooleanSetelan multibaris.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setOnChangeAction(action)

Menetapkan tindakan yang akan dilakukan setiap kali input teks berubah.

Parameter

NamaJenisDeskripsi
actionActionTindakan yang perlu diambil.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setSuggestions(suggestions)

Menetapkan saran untuk pelengkapan otomatis di kolom teks.

Parameter

NamaJenisDeskripsi
suggestionsSuggestionsKumpulan saran yang akan digunakan.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setSuggestionsAction(suggestionsAction)

Menetapkan tindakan callback untuk mengambil saran berdasarkan input pengguna untuk pelengkapan otomatis. Parameter Action harus menentukan fungsi callback yang menampilkan objek SuggestionsResponse.

const action = CardService.newAction()
                   .setFunctionName('suggestionCallback')
                   .setParameters({numSuggestions: 3});

CardService.newTextInput()
    .setFieldName('option-field')
    .setTitle('Option Selected')
    .setSuggestionsAction(action);

// ...

function suggestionCallback(e) {
  const suggestions = CardService.newSuggestions();
  const numSuggestions = Number.parseInt(e.parameter.numSuggestions);
  for (let i = 1; i <= numSuggestions; i++) {
    suggestions.addSuggestion(`Suggestion ${i}`);
  }
  return CardService.newSuggestionsResponseBuilder()
      .setSuggestions(suggestions)
      .build();
}

Parameter

NamaJenisDeskripsi
suggestionsActionActionTindakan yang mengambil saran untuk input ini.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setTitle(title)

Menetapkan judul yang akan ditampilkan di atas kolom input. Wajib.

Parameter

NamaJenisDeskripsi
titleStringLabel teks untuk input ini.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setValidation(validation)

Menetapkan aturan validasi untuk widget ini.

const validation = CardService.newValidation().setCharacterLimit('10').setType(
    CardService.InputType.TEXT);

const input = CardService.newTextInput()
                  .setFieldName('text_name_xxx1')
                  .setTitle('Max 10 characters')
                  .setValidation(validation);

Parameter

NamaJenisDeskripsi
validationValidationAturan validasi untuk widget TextInput ini.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.


setValue(value)

Menetapkan nilai yang diisi otomatis untuk ditetapkan di kolom input.

Parameter

NamaJenisDeskripsi
valueStringNilai default yang ditempatkan di input. Parameter ini selalu direpresentasikan sebagai string dalam parameter callback formulir.

Pulang pergi

TextInput — Objek ini, untuk pembuatan rantai.