本頁面由 Cloud Translation API 翻譯而成。

Class TextInput

可接受文字輸入的輸入欄位小工具。

適用於 Google Workspace 外掛程式和 Google Chat 應用程式。

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

方法

方法	傳回類型	簡短說明
`setFieldName(fieldName)`	`TextInput`	設定在發生 UI 互動時產生的事件物件中，用於識別此文字輸入內容的鍵。
`setHint(hint)`	`TextInput`	設定文字輸入提示。
`setMultiline(multiline)`	`TextInput`	設定輸入文字是否顯示在一行或多行。
`setOnChangeAction(action)`	`TextInput`	設定每次文字輸入內容變更時要執行的動作。
`setSuggestions(suggestions)`	`TextInput`	在文字欄位中設定自動完成建議。
`setSuggestionsAction(suggestionsAction)`	`TextInput`	設定回呼動作，根據使用者輸入內容擷取自動完成建議。
`setTitle(title)`	`TextInput`	設定要在輸入欄位上方顯示的標題。
`setValidation(validation)`	`TextInput`	設定這個小工具的驗證規則。
`setValue(value)`	`TextInput`	設定要設在輸入欄位的預先填入值。

內容詳盡的說明文件

`setFieldName(fieldName)`

設定在發生 UI 互動時產生的事件物件中，用於識別此文字輸入內容的鍵。不會向使用者顯示。必要欄位，不得重複。

參數

名稱	類型	說明
`fieldName`	`String`	用於識別此輸入內容的鍵。

回攻員

TextInput：這個物件用於鏈結。

`setHint(hint)`

設定文字輸入提示。用於為使用者提供額外輸入指引。舉例來說，提示可以說明電話號碼欄位的格式 (「xxx-xxx-xxxx」)。

參數

名稱	類型	說明
`hint`	`String`	顯示在輸入欄位下方的文字提示。這段文字一律會顯示。

回攻員

TextInput：這個物件用於鏈結。

`setMultiline(multiline)`

設定輸入文字是否顯示在一行或多行。

參數

名稱	類型	說明
`multiline`	`Boolean`	多行設定。

回攻員

TextInput：這個物件用於鏈結。

`setOnChangeAction(action)`

設定每次文字輸入內容變更時要執行的動作。

參數

名稱	類型	說明
`action`	`Action`	要採取的動作。

回攻員

TextInput：這個物件用於鏈結。

`setSuggestions(suggestions)`

在文字欄位中設定自動完成建議。

參數

名稱	類型	說明
`suggestions`	`Suggestions`	要使用的建議集合。

回攻員

TextInput：這個物件用於鏈結。

`setSuggestionsAction(suggestionsAction)`

設定回呼動作，根據使用者輸入內容擷取自動完成建議。Action 參數必須指定回傳 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();
}

參數

名稱	類型	說明
`suggestionsAction`	`Action`	針對此輸入內容擷取建議的動作。

回攻員

TextInput：這個物件用於鏈結。

`setTitle(title)`

設定要在輸入欄位上方顯示的標題。必填。

參數

名稱	類型	說明
`title`	`String`	這項輸入項目的文字標籤。

回攻員

TextInput：這個物件用於鏈結。

`setValidation(validation)`

設定這個小工具的驗證規則。

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

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

參數

名稱	類型	說明
`validation`	`Validation`	這個 `TextInput` 小工具的驗證規則。

回攻員

TextInput：這個物件用於鏈結。

`setValue(value)`

設定要設在輸入欄位的預先填入值。

參數

名稱	類型	說明
`value`	`String`	輸入內容中的預設值。在表單回呼參數中，這項屬性一律會以字串表示。

回攻員

TextInput：這個物件用於鏈結。