Class TextInput

텍스트입력

텍스트 입력을 허용하는 입력란 위젯입니다.

양식 제출 유효성 검사를 지원합니다. 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');

메서드

메서드반환 유형간략한 설명
setFieldName(fieldName)TextInputUI 상호작용이 있을 때 생성되는 이벤트 객체에서 이 텍스트 입력을 식별하는 키를 설정합니다.
setHint(hint)TextInput텍스트 입력의 힌트를 설정합니다.
setHostAppDataSource(hostAppDataSource)TextInputGoogle Workspace 애플리케이션의 데이터 소스를 설정합니다.
setMultiline(multiline)TextInput입력 텍스트가 한 줄로 표시되는지 여러 줄로 표시되는지 설정합니다.
setOnChangeAction(action)TextInput텍스트 입력이 변경될 때마다 실행할 작업을 설정합니다.
setSuggestions(suggestions)TextInput텍스트 필드의 자동 완성 추천을 설정합니다.
setSuggestionsAction(suggestionsAction)TextInput자동 완성의 사용자 입력을 기반으로 추천을 가져오는 콜백 작업을 설정합니다.
setTitle(title)TextInput입력란 위에 표시할 제목을 설정합니다.
setValidation(validation)TextInput이 위젯의 유효성 검사 규칙을 설정합니다.
setValue(value)TextInput입력란에 설정할 사전 입력된 값을 설정합니다.

자세한 문서

setFieldName(fieldName)

UI 상호작용이 있을 때 생성되는 이벤트 객체에서 이 텍스트 입력을 식별하는 키를 설정합니다. 사용자에게 표시되지 않습니다. 필수사항이며 고유해야 합니다.

매개변수

이름유형설명
fieldNameString이 입력을 식별하는 데 사용되는 키입니다.

리턴

TextInput - 연결을 위한 이 객체


setHint(hint)

텍스트 입력의 힌트를 설정합니다. 사용자에게 입력할 내용에 관한 추가 안내를 제공하는 데 사용됩니다. 예를 들어 힌트는 전화번호 필드의 형식 ('xxx-xxx-xxxx')을 설명할 수 있습니다.

매개변수

이름유형설명
hintString입력 필드 아래에 표시할 텍스트 힌트입니다. 이 텍스트는 항상 표시됩니다.

리턴

TextInput - 연결을 위한 이 객체


setHostAppDataSource(hostAppDataSource)

Google Workspace 애플리케이션의 데이터 소스를 설정합니다. 현재 사용자 및 Chat 스페이스를 지원합니다.

Google Workspace 흐름을 확장하는 Google Workspace 부가기능의 경우 Gemini 알파 프로그램을 통해서만 사용할 수 있습니다.

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);

매개변수

이름유형설명
hostAppDataSourceHostAppDataSource데이터 소스입니다.

리턴

TextInput - 연결을 위한 이 객체


setMultiline(multiline)

입력 텍스트가 한 줄로 표시되는지 여러 줄로 표시되는지 설정합니다.

매개변수

이름유형설명
multilineBoolean여러 줄 설정입니다.

리턴

TextInput - 연결을 위한 이 객체


setOnChangeAction(action)

텍스트 입력이 변경될 때마다 실행할 작업을 설정합니다.

매개변수

이름유형설명
actionAction수행할 작업입니다.

리턴

TextInput - 연결을 위한 이 객체


setSuggestions(suggestions)

텍스트 필드의 자동 완성 추천을 설정합니다.

매개변수

이름유형설명
suggestionsSuggestions사용할 추천 모음입니다.

리턴

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();
}

매개변수

이름유형설명
suggestionsActionAction이 입력에 대한 추천을 가져오는 작업입니다.

리턴

TextInput - 연결을 위한 이 객체


setTitle(title)

입력란 위에 표시할 제목을 설정합니다. 필수 항목입니다.

매개변수

이름유형설명
titleString이 입력의 텍스트 라벨입니다.

리턴

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);

매개변수

이름유형설명
validationValidationTextInput 위젯의 유효성 검사 규칙입니다.

리턴

TextInput - 연결을 위한 이 객체


setValue(value)

입력란에 설정할 사전 입력된 값을 설정합니다.

매개변수

이름유형설명
valueString입력에 배치된 기본값입니다. 항상 양식 콜백 매개변수에서 문자열로 표현됩니다.

리턴

TextInput - 연결을 위한 이 객체