একটি ইনপুট ক্ষেত্র যা পূর্বনির্ধারিত বিকল্পগুলির একটি সেটের মধ্যে নির্বাচন করার অনুমতি দেয়৷
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 | ইভেন্ট অবজেক্টে এই নির্বাচন ইনপুটটি সনাক্ত করে এমন কী সেট করে যা একটি UI ইন্টারঅ্যাকশনের সময় তৈরি হয়। |
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)
একটি নতুন আইটেম যোগ করে যা নির্বাচন করা যেতে পারে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
text | Object | এই আইটেমটির জন্য দেখানো পাঠ্য। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
value | Object | ফর্ম ইনপুট মান যা কলব্যাকের মাধ্যমে পাঠানো হয়। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
selected | Boolean | আইটেমটি ডিফল্টরূপে নির্বাচিত কিনা। যদি নির্বাচন ইনপুট শুধুমাত্র একটি মান গ্রহণ করে (যেমন রেডিও বোতাম বা ড্রপডাউন মেনুর জন্য), শুধুমাত্র একটি আইটেমের জন্য এই ক্ষেত্রটি সেট করুন। |
প্রত্যাবর্তন
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");
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
text | Object | এই আইটেমটির জন্য দেখানো পাঠ্য। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
value | Object | ফর্ম ইনপুট মান যা কলব্যাকের মাধ্যমে পাঠানো হয়। নন-স্ট্রিং আদিম আর্গুমেন্ট স্বয়ংক্রিয়ভাবে স্ট্রিং-এ রূপান্তরিত হয়। |
selected | Boolean | আইটেমটি ডিফল্টরূপে নির্বাচিত কিনা। যদি নির্বাচন ইনপুট শুধুমাত্র একটি মান গ্রহণ করে (যেমন রেডিও বোতাম বা ড্রপডাউন মেনুর জন্য), শুধুমাত্র একটি আইটেমের জন্য এই ক্ষেত্রটি সেট করুন। |
startIconUri | Object | বহুনির্বাচন মেনুর জন্য, আইকনের জন্য URL আইটেমের পাঠ্য ক্ষেত্রের পাশে প্রদর্শিত হয়৷ PNG এবং JPEG ফাইল সমর্থন করে। |
bottomText | Object | বহুনির্বাচন মেনুর জন্য, একটি পাঠ্য বিবরণ বা লেবেল যা আইটেমের পাঠ্য ক্ষেত্রের নীচে প্রদর্শিত হয়। |
প্রত্যাবর্তন
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"));
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
action | Action | বাহ্যিক তথ্য উৎস. |
প্রত্যাবর্তন
SelectionInput
— এই অবজেক্ট, চেইনিংয়ের জন্য।
setFieldName(fieldName)
ইভেন্ট অবজেক্টে এই নির্বাচন ইনপুটটি সনাক্ত করে এমন কী সেট করে যা একটি UI ইন্টারঅ্যাকশনের সময় তৈরি হয়। ব্যবহারকারীর কাছে দৃশ্যমান নয়। প্রয়োজন, অনন্য হতে হবে.
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
fieldName | String | এই ইনপুটে বরাদ্দ করার নাম। |
প্রত্যাবর্তন
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");
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
maxSelectedItems | Integer | আইটেম সর্বোচ্চ সংখ্যা. |
প্রত্যাবর্তন
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");
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
queryLength | Integer | পাঠ্য অক্ষরের সংখ্যা। |
প্রত্যাবর্তন
SelectionInput
— এই অবজেক্ট, চেইনিংয়ের জন্য।
setOnChangeAction(action)
যখনই নির্বাচন ইনপুট পরিবর্তন হয় তখন সঞ্চালনের জন্য একটি Action
সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
action | Action | পদক্ষেপ নিতে হবে। |
প্রত্যাবর্তন
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 অ্যাড-অনগুলির জন্য উপলব্ধ নয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
platformDataSource | PlatformDataSource | তথ্য উৎস. |
প্রত্যাবর্তন
SelectionInput
— এই অবজেক্ট, চেইনিংয়ের জন্য।
setTitle(title)
ইনপুট ক্ষেত্রের সামনে দেখানোর জন্য শিরোনাম সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
title | String | ইনপুট ক্ষেত্রের শিরোনাম। |
প্রত্যাবর্তন
SelectionInput
— এই অবজেক্ট, চেইনিংয়ের জন্য।
setType(type)
এই ইনপুটের ধরন সেট করে। CHECKBOX
ডিফল্ট।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
type | SelectionInputType | নির্বাচনের ধরন। |
প্রত্যাবর্তন
SelectionInput
— এই অবজেক্ট, চেইনিংয়ের জন্য।