একটি ইনপুট ক্ষেত্র যা পূর্বনির্ধারিত বিকল্পগুলির একটি সেটের মধ্যে নির্বাচন করার অনুমতি দেয়৷
Google Workspace অ্যাড-অন এবং Google Chat অ্যাপের জন্য উপলভ্য।
const 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'), ); const 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);
পদ্ধতি
পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
---|---|---|
add Item(text, value, selected) | Selection Input | একটি নতুন আইটেম যোগ করে যা নির্বাচন করা যেতে পারে। |
add Multi Select Item(text, value, selected, startIconUri, bottomText) | Selection Input | বহু-নির্বাচন মেনুর জন্য একটি নতুন আইটেম যোগ করে যা নির্বাচন করা যেতে পারে। |
set External Data Source(action) | Selection Input | বাহ্যিক ডেটা উত্স সেট করে, যেমন একটি রিলেশনাল ডেটা বেস। |
set Field Name(fieldName) | Selection Input | ইভেন্ট অবজেক্টে এই নির্বাচন ইনপুটটি সনাক্ত করে এমন কী সেট করে যা একটি UI ইন্টারঅ্যাকশনের সময় তৈরি হয়। |
set Multi Select Max Selected Items(maxSelectedItems) | Selection Input | একজন ব্যবহারকারী নির্বাচন করতে পারে এমন আইটেমের সর্বাধিক সংখ্যা সেট করে। |
set Multi Select Min Query Length(queryLength) | Selection Input | অ্যাপের ক্যোয়ারী স্বয়ংসম্পূর্ণ হওয়ার আগে ব্যবহারকারী ইনপুট করা পাঠ্য অক্ষরের সংখ্যা সেট করে এবং কার্ডে প্রস্তাবিত আইটেমগুলি প্রদর্শন করে। |
set On Change Action(action) | Selection Input | যখনই নির্বাচন ইনপুট পরিবর্তন হয় তখন সঞ্চালনের জন্য একটি Action সেট করে। |
set Platform Data Source(platformDataSource) | Selection Input | Google Workspace থেকে ডেটা সোর্স সেট করে। |
set Title(title) | Selection Input | ইনপুট ক্ষেত্রের সামনে দেখানোর জন্য শিরোনাম সেট করে। |
set Type(type) | Selection Input | এই ইনপুটের ধরন সেট করে। |
বিস্তারিত ডকুমেন্টেশন
add Item(text, value, selected)
একটি নতুন আইটেম যোগ করে যা নির্বাচন করা যেতে পারে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
text | Object | এই আইটেমটির জন্য দেখানো পাঠ্য। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
value | Object | ফর্ম ইনপুট মান যা কলব্যাকের মাধ্যমে পাঠানো হয়। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
selected | Boolean | আইটেমটি ডিফল্টরূপে নির্বাচিত কিনা। যদি নির্বাচন ইনপুট শুধুমাত্র একটি মান গ্রহণ করে (যেমন রেডিও বোতাম বা ড্রপডাউন মেনুর জন্য), শুধুমাত্র একটি আইটেমের জন্য এই ক্ষেত্রটি সেট করুন। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
add Multi Select Item(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', );
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
text | Object | এই আইটেমটির জন্য দেখানো পাঠ্য। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
value | Object | ফর্ম ইনপুট মান যা কলব্যাকের মাধ্যমে পাঠানো হয়। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
selected | Boolean | আইটেমটি ডিফল্টরূপে নির্বাচিত কিনা। যদি নির্বাচন ইনপুট শুধুমাত্র একটি মান গ্রহণ করে (যেমন রেডিও বোতাম বা ড্রপডাউন মেনুর জন্য), শুধুমাত্র একটি আইটেমের জন্য এই ক্ষেত্রটি সেট করুন। |
start Icon Uri | Object | বহুনির্বাচন মেনুর জন্য, আইকনের জন্য URL আইটেমের পাঠ্য ক্ষেত্রের পাশে প্রদর্শিত হয়৷ PNG এবং JPEG ফাইল সমর্থন করে। |
bottom Text | Object | বহুনির্বাচন মেনুর জন্য, একটি পাঠ্য বিবরণ বা লেবেল যা আইটেমের পাঠ্য ক্ষেত্রের নীচে প্রদর্শিত হয়। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set External Data Source(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'), );
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
action | Action | বাহ্যিক তথ্য উৎস. |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Field Name(fieldName)
ইভেন্ট অবজেক্টে এই নির্বাচন ইনপুটটি সনাক্ত করে এমন কী সেট করে যা একটি UI ইন্টারঅ্যাকশনের সময় তৈরি হয়। ব্যবহারকারীর কাছে দৃশ্যমান নয়। প্রয়োজন, অনন্য হতে হবে.
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
field Name | String | এই ইনপুটে বরাদ্দ করার নাম। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Multi Select Max Selected Items(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', );
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
max Selected Items | Integer | আইটেম সর্বোচ্চ সংখ্যা. |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Multi Select Min Query Length(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', );
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
query Length | Integer | পাঠ্য অক্ষরের সংখ্যা। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set On Change Action(action)
যখনই নির্বাচন ইনপুট পরিবর্তন হয় তখন সঞ্চালনের জন্য একটি Action
সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
action | Action | পদক্ষেপ নিতে হবে। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Platform Data Source(platformDataSource)
Google Workspace থেকে ডেটা সোর্স সেট করে। একটি বহুনির্বাচন মেনুতে আইটেমগুলি পূরণ করতে ব্যবহৃত হয়।
const multiSelect = CardService.newSelectionInput() .setType(CardService.SelectionInputType.MULTI_SELECT) .setFieldName('contacts') .setTitle('Selected contacts') .setPlatformDataSource( CardService.newPlatformDataSource().setCommonDataSource( CardService.CommonDataSource.USER, ), );
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
platform Data Source | Platform Data Source | তথ্য উৎস. |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Title(title)
ইনপুট ক্ষেত্রের সামনে দেখানোর জন্য শিরোনাম সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
title | String | ইনপুট ক্ষেত্রের শিরোনাম। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.
set Type(type)
এই ইনপুটের ধরন সেট করে। CHECKBOX
ডিফল্ট।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
type | Selection Input Type | নির্বাচনের ধরন। |
প্রত্যাবর্তন
Selection Input
— এই বস্তু, চেইনিং জন্য.