Class SelectionInput

SelectionInput

שדה להזנת קלט שמאפשר לבחור בין קבוצה של אפשרויות מוגדרות מראש.

ההגדרה זמינה לתוספים ל-Google Workspace ולאפליקציות של Google Chat.

var checkboxGroup = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.CHECK_BOX)
    .setTitle("A group of checkboxes. Multiple selections are allowed.")
    .setFieldName("checkbox_field")
    .addItem("checkbox one title", "checkbox_one_value", false)
    .addItem("checkbox two title", "checkbox_two_value", true)
    .addItem("checkbox three title", "checkbox_three_value", true)
    .setOnChangeAction(CardService.newAction()
        .setFunctionName("handleCheckboxChange"));

var radioGroup = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.RADIO_BUTTON)
    .setTitle("A group of radio buttons. Only a single selection is allowed.")
    .setFieldName("checkbox_field")
    .addItem("radio button one title", "radio_one_value", true)
    .addItem("radio button two title", "radio_two_value", false)
    .addItem("radio button three title", "radio_three_value", false);

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("multiselect")
    .setTitle("A multi select input example.")
    .addMultiSelectItem("Contact 1", "contact-1", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact one description")
    .addMultiSelectItem("Contact 2", "contact-2", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact two description")
    .addMultiSelectItem("Contact 3", "contact-3", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact three description")
    .addMultiSelectItem("Contact 4", "contact-4", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact four description")
    .addMultiSelectItem("Contact 5", "contact-5", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact five description")
    .setMultiSelectMaxSelectedItems(3)
    .setMultiSelectMinQueryLength(1);

שיטות

שיטהסוג הערך המוחזרתיאור קצר
addItem(text, value, selected)SelectionInputהוספת פריט חדש שאפשר לבחור.
addMultiSelectItem(text, value, selected, startIconUri, bottomText)SelectionInputהוספת פריט חדש שניתן לבחור, עבור תפריטים עם ריבוי בחירה.
setExternalDataSource(action)SelectionInputמגדירה מקור נתונים חיצוני, למשל בסיס נתונים יחסי.
setFieldName(fieldName)SelectionInputמגדיר את המפתח שמזהה את קלט הבחירה הזה באובייקט האירוע שנוצר כאשר יש אינטראקציה בממשק המשתמש.
setMultiSelectMaxSelectedItems(maxSelectedItems)SelectionInputהמדיניות הזו מגדירה את מספר הפריטים המקסימלי שהמשתמש יכול לבחור.
setMultiSelectMinQueryLength(queryLength)SelectionInputמגדיר את מספר תווי הטקסט שהמשתמש הזין לפני ההשלמה האוטומטית של שאילתות האפליקציה וגם מציגה הצעות לפריטים בכרטיס.
setOnChangeAction(action)SelectionInputהגדרת Action לביצוע בכל פעם שקלט הבחירה משתנה.
setPlatformDataSource(platformDataSource)SelectionInputמגדירה מקור נתונים מ-Google Workspace.
setTitle(title)SelectionInputמגדיר את הכותרת שתוצג לפני השדה להזנת הקלט.
setType(type)SelectionInputמגדיר את הסוג של הקלט.

מסמכי תיעוד מפורטים

addItem(text, value, selected)

הוספת פריט חדש שאפשר לבחור.

פרמטרים

שםסוגתיאור
textObjectהטקסט שיוצג עבור הפריט הזה. ארגומנטים פרימיטיביים שאינם מחרוזת מומרים ל מחרוזות באופן אוטומטי.
valueObjectהערך של קלט הטופס שנשלח דרך הקריאה החוזרת (callback). ארגומנטים פרימיטיביים שאינם מחרוזות מומרות למחרוזות באופן אוטומטי.
selectedBooleanהאם הפריט נבחר כברירת מחדל. אם הקלט שנבחר מקבל רק ערך אחד (למשל ללחצני בחירה או לתפריט נפתח), יש להגדיר את השדה הזה לפריט אחד בלבד.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


addMultiSelectItem(text, value, selected, startIconUri, bottomText)

הוספת פריט חדש שניתן לבחור, עבור תפריטים עם ריבוי בחירה.

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("multiselect")
    .setTitle("A multi select input example.")
    .addMultiSelectItem("Contact 1", "contact-1", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact one description")
    .addMultiSelectItem("Contact 2", "contact-2", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact two description")
    .addMultiSelectItem("Contact 3", "contact-3", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact three description")
    .addMultiSelectItem("Contact 4", "contact-4", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact four description")
    .addMultiSelectItem("Contact 5", "contact-5", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact five description");

פרמטרים

שםסוגתיאור
textObjectהטקסט שיוצג עבור הפריט הזה. ארגומנטים פרימיטיביים שאינם מחרוזת מומרים ל מחרוזות באופן אוטומטי.
valueObjectהערך של קלט הטופס שנשלח דרך הקריאה החוזרת (callback). ארגומנטים פרימיטיביים שאינם מחרוזות מומרות למחרוזות באופן אוטומטי.
selectedBooleanהאם הפריט נבחר כברירת מחדל. אם הקלט שנבחר מקבל רק ערך אחד (למשל ללחצני בחירה או לתפריט נפתח), יש להגדיר את השדה הזה לפריט אחד בלבד.
startIconUriObjectבתפריטים לבחירה מרובה, כתובת ה-URL של הסמל שמוצג ליד הפריט שדה טקסט. המערכת תומכת בקובצי PNG ו-JPEG.
bottomTextObjectבתפריטים עם ריבוי בחירה, תיאור או תווית בטקסט שמוצגים מתחת בשדה הטקסט של הפריט.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setExternalDataSource(action)

מגדירה מקור נתונים חיצוני, למשל בסיס נתונים יחסי.

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("contacts")
    .setTitle("Selected contacts")
    .addMultiSelectItem("Contact 3", "contact-3", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact three description")
    .setMultiSelectMaxSelectedItems(5)
    .setMultiSelectMinQueryLength(2)
    .setExternalDataSource(CardService.newAction().setFunctionName("getContacts"));

פרמטרים

שםסוגתיאור
actionActionמקור הנתונים החיצוני.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setFieldName(fieldName)

מגדיר את המפתח שמזהה את קלט הבחירה הזה באובייקט האירוע שנוצר כאשר יש אינטראקציה בממשק המשתמש. לא גלוי למשתמש. חובה, חייב להיות ייחודי.

פרמטרים

שםסוגתיאור
fieldNameStringהשם שצריך להקצות לקלט הזה.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setMultiSelectMaxSelectedItems(maxSelectedItems)

המדיניות הזו מגדירה את מספר הפריטים המקסימלי שהמשתמש יכול לבחור.

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("multiselect")
    .setTitle("A multi select input example.")
    .setMultiSelectMaxSelectedItems(3)
    .addMultiSelectItem("Contact 1", "contact-1", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact one description")
    .addMultiSelectItem("Contact 2", "contact-2", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact two description")
    .addMultiSelectItem("Contact 3", "contact-3", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact three description")
    .addMultiSelectItem("Contact 4", "contact-4", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact four description")
    .addMultiSelectItem("Contact 5", "contact-5", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact five description");

פרמטרים

שםסוגתיאור
maxSelectedItemsIntegerמספר הפריטים המקסימלי.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setMultiSelectMinQueryLength(queryLength)

מגדיר את מספר תווי הטקסט שהמשתמש הזין לפני ההשלמה האוטומטית של שאילתות האפליקציה וגם מציגה הצעות לפריטים בכרטיס.

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("multiselect")
    .setTitle("A multi select input example.")
    .setMultiSelectMinQueryLength(1)
    .addMultiSelectItem("Contact 1", "contact-1", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact one description")
    .addMultiSelectItem("Contact 2", "contact-2", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact two description")
    .addMultiSelectItem("Contact 3", "contact-3", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact three description")
    .addMultiSelectItem("Contact 4", "contact-4", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact four description")
    .addMultiSelectItem("Contact 5", "contact-5", false,
       "https://www.gstatic.com/images/branding/product/2x/contacts_48dp.png",
       "Contact five description");

פרמטרים

שםסוגתיאור
queryLengthIntegerמספר תווי הטקסט.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setOnChangeAction(action)

הגדרת Action לביצוע בכל פעם שקלט הבחירה משתנה.

פרמטרים

שםסוגתיאור
actionActionהפעולה שצריך לבצע.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setPlatformDataSource(platformDataSource)

מגדירה מקור נתונים מ-Google Workspace. משמש לאכלוס פריטים בתפריט של בחירה מרובה.

const multiSelect = CardService.newSelectionInput()
    .setType(CardService.SelectionInputType.MULTI_SELECT)
    .setFieldName("contacts")
    .setTitle("Selected contacts")
    .setPlatformDataSource(
       CardService.newPlatformDataSource()
         .setCommonDataSource(CardService.CommonDataSource.USER));
האפשרות הזו זמינה רק באפליקציות של Google Chat. לא זמינה לתוספים ל-Google Workspace.

פרמטרים

שםסוגתיאור
platformDataSourcePlatformDataSourceמקור הנתונים.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setTitle(title)

מגדיר את הכותרת שתוצג לפני השדה להזנת הקלט.

פרמטרים

שםסוגתיאור
titleStringכותרת השדה להזנת קלט.

חזרה

SelectionInput – האובייקט הזה, לשרשור.


setType(type)

מגדיר את הסוג של הקלט. ברירת המחדל היא CHECKBOX.

פרמטרים

שםסוגתיאור
typeSelectionInputTypeסוג הבחירה.

חזרה

SelectionInput – האובייקט הזה, לשרשור.