可接受文字輸入的輸入欄位小工具。
支援表單提交驗證。如果 Action.setAllWidgetsAreRequired(allWidgetsAreRequired) 設為 true,或透過 Action.addRequiredWidget(requiredWidget) 指定這個小工具,系統會封鎖提交動作,除非輸入值。
適用於 Google Workspace 外掛程式和 Google Chat 應用程式。
const textInput = CardService.newTextInput() .setFieldName('text_input_form_input_key') .setTitle('Text input title') .setHint('Text input hint');
方法
| 方法 | 傳回類型 | 簡短說明 |
|---|---|---|
set | Text | 設定在發生 UI 互動時產生的事件物件中,用於識別這個文字輸入內容的鍵。 |
set | Text | 設定文字輸入的提示。 |
set | Text | 設定 Google Workspace 應用程式的資料來源。 |
set | Text | 設定輸入文字顯示在一行或多行。 |
set | Text | 設定在文字輸入內容變更時執行的動作。 |
set | Text | 設定文字欄位的自動完成建議。 |
set | Text | 設定回呼動作,根據使用者輸入的自動完成內容擷取建議。 |
set | Text | 設定要顯示在輸入欄位上方的標題。 |
set | Text | 為這個小工具設定驗證規則。 |
set | Text | 設定要在輸入欄位中設定的預填值。 |
內容詳盡的說明文件
set Field Name(fieldName)
設定在發生 UI 互動時產生的事件物件中,用於識別這個文字輸入內容的鍵。使用者不會看到這項資訊。必要欄位,不得重複。
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
field | String | 用來識別這個輸入內容的金鑰。 |
回攻員
Text - 這個物件,用於鏈結。
set Hint(hint)
設定文字輸入的提示。用於為使用者提供額外的輸入指引。舉例來說,提示可以說明電話號碼欄位的格式 (「xxx-xxx-xxxx」)。
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
hint | String | 顯示在輸入欄位下方的文字提示。這段文字會一直顯示。 |
回攻員
Text - 這個物件,用於鏈結。
set Host App Data Source(hostAppDataSource)
設定 Google Workspace 應用程式的資料來源。目前支援使用者和 Chat 空間。
僅適用於 Gemini Alpha 版計畫,可透過 Google Workspace 外掛程式擴充 Google Workspace Flows。
const workflowDataSource = CardService.newWorkflowDataSource().setIncludeVariables(true); const hostAppDataSource = CardService.newHostAppDataSource().setWorkflowDataSource(workflowDataSource); const textInput = CardService.newTextInput() .setFieldName('text_input_form_input_key') .setTitle('Text input title') .setHint('Text input hint') .setHostAppDataSource(hostAppDataSource);
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
host | Host | 資料來源。 |
回攻員
Text - 這個物件,用於鏈結。
set Multiline(multiline)
set On Change Action(action)
set Suggestions(suggestions)
set Suggestions Action(suggestionsAction)
設定回呼動作,根據使用者輸入的自動完成內容擷取建議。Action 參數必須指定會傳回 Suggestions 物件的回呼函式。
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(); }
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
suggestions | Action | 擷取這項輸入內容建議的動作。 |
回攻員
Text - 這個物件,用於鏈結。
set Title(title)
set Validation(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 | 這個 Text 小工具的驗證規則。 |
回攻員
Text - 這個物件,用於鏈結。