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قيمة إدخال النموذج التي يتم إرسالها من خلال معاودة الاتصال. وسيطات أساسية ليست سلسلة يتم تحويلها إلى سلاسل تلقائيًا.
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قيمة إدخال النموذج التي يتم إرسالها من خلال معاودة الاتصال. وسيطات أساسية ليست سلسلة يتم تحويلها إلى سلاسل تلقائيًا.
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 — هذا العنصر، للتسلسل.