Text
ที่มีป้ายกำกับข้อความ คุณสามารถตั้งค่าสีพื้นหลังและปิดใช้งานปุ่มได้เมื่อต้องการ
พร้อมใช้งานสำหรับส่วนเสริมของ Google Workspace และแอป Google Chat
const textButton = CardService.newTextButton() .setText('Open Link') .setOpenLink(CardService.newOpenLink().setUrl( 'https://www.google.com'));
เมธอด
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
set | Text | ตั้งค่าข้อความแสดงแทนของปุ่มสำหรับการช่วยเหลือพิเศษ |
set | Text | ตั้งค่าการดำเนินการให้สิทธิ์ซึ่งจะเปิด URL ไปยังโฟลว์การให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์ |
set | Text | กำหนดสีพื้นหลังสำหรับปุ่ม Text |
set | Text | ตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ |
set | Text | ตั้งค่าว่าจะปิดใช้ปุ่มหรือไม่ |
set | Text | ตั้งค่า Icon ที่กําหนดไว้ล่วงหน้าให้แสดงบนปุ่ม |
set | Text | ตั้งค่า URL ของรูปภาพที่จะใช้เป็นไอคอนของปุ่มนี้ |
set | Text | ตั้งค่าไอคอน Material Design |
set | Text | ตั้งค่าการดำเนินการที่จะทำงานเมื่อมีการคลิกวัตถุ |
set | Text | ตั้งค่าการดําเนินการที่เปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ |
set | Text | ตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ |
set | Text | ตั้งค่าให้เมนูป๊อปอัปเปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ |
set | Text | ตั้งค่าข้อความที่แสดงบนปุ่ม |
set | Text | ตั้งค่าสไตล์ปุ่ม |
เอกสารประกอบโดยละเอียด
set Alt Text(altText)
ตั้งค่าข้อความแสดงแทนของปุ่มสำหรับการช่วยเหลือพิเศษ หากไม่ได้ตั้งค่าไว้ ระบบจะใช้ข้อความที่แสดงบนปุ่มเป็นค่าเริ่มต้น
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
alt | String | ข้อความแสดงแทนที่จะกำหนดให้กับปุ่มนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Authorization Action(action)
ตั้งค่าการดำเนินการให้สิทธิ์ซึ่งจะเปิด URL ไปยังโฟลว์การให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์ ซึ่งจะเป็นการเปิด URL ในหน้าต่างใหม่ เมื่อผู้ใช้ทำตามขั้นตอนการให้สิทธิ์จนเสร็จสิ้นและกลับไปที่แอปพลิเคชันแล้ว ส่วนเสริมจะโหลดซ้ำ
ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก set
, set
, set
, set
หรือ set
// ... const action = CardService.newAuthorizationAction().setAuthorizationUrl('url'); CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Authorization | ออบเจ็กต์ที่ระบุการดำเนินการให้สิทธิ์ที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Background Color(backgroundColor)
กำหนดสีพื้นหลังสำหรับปุ่ม Text
หากไม่ได้ตั้งค่าสำหรับปุ่ม Text
ปุ่มจะใช้สีรองที่กําหนดไว้ใน Manifest ของส่วนเสริม
วิธีนี้ใช้ไม่ได้กับปุ่ม Text
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
background | String | สีในรูปแบบ #rgb |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Compose Action(action, composedEmailType)
ตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ ออบเจ็กต์ UI หนึ่งๆ ตั้งค่าได้เพียง set
, set
, set
, set
หรือ set
เท่านั้น
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ Compose
ที่กําหนดค่าโดยใช้ Compose
// ... const action = CardService.newAction().setFunctionName('composeEmailCallback'); CardService.newTextButton() .setText('Compose Email') .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT); // ... function composeEmailCallback(e) { const thread = GmailApp.getThreadById(e.threadId); const draft = thread.createDraftReply('This is a reply'); return CardService.newComposeActionResponseBuilder() .setGmailDraft(draft) .build(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | ออบเจ็กต์ที่ระบุการดำเนินการเขียนที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้ |
composed | Composed | ค่า Enum ที่ระบุว่าฉบับร่างที่เขียนขึ้นเป็นฉบับร่างแบบสแตนด์อโลนหรือฉบับร่างการตอบ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Disabled(disabled)
ตั้งค่าว่าจะปิดใช้ปุ่มหรือไม่ ปุ่มที่ปิดใช้จะเป็นสีเทาและคลิกไม่ได้
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
disabled | Boolean | สถานะปิดใช้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Icon(icon)
ตั้งค่า Icon
ที่กําหนดไว้ล่วงหน้าให้แสดงบนปุ่ม ต้องใช้ค่านี้หรือ set
เพื่อกำหนดรูปภาพปุ่ม
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
icon | Icon | ค่า Icon ที่กําหนดไว้ล่วงหน้าค่าใดค่าหนึ่ง |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Icon Url(url)
ตั้งค่า URL ของรูปภาพที่จะใช้เป็นไอคอนของปุ่มนี้ ต้องใช้ค่านี้หรือ set
เพื่อกำหนดรูปภาพปุ่ม
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
url | String | ที่อยู่ URL ของรูปภาพที่โฮสต์ไว้เพื่อใช้เป็นไอคอนของปุ่มนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Material Icon(icon)
ตั้งค่าไอคอน Material Design
const textButton = CardService.newTextButton().setMaterialIcon( CardService.newMaterialIcon().setName('search'), );
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
icon | Material | ไอคอนการออกแบบ Material |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set On Click Action(action)
ตั้งค่าการดำเนินการที่จะทำงานเมื่อมีการคลิกวัตถุ ออบเจ็กต์ UI จะมีการตั้งค่าได้เพียง 1 รายการจาก set
, set
, set
, set
หรือ set
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ Action
// ... const action = CardService.newAction().setFunctionName('notificationCallback'); CardService.newTextButton() .setText('Create notification') .setOnClickAction(action); // ... function notificationCallback() { return CardService.newActionResponseBuilder() .setNotification( CardService.newNotification().setText('Some info to display to user'), ) .build(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | การดำเนินการที่จะทำเมื่อมีการคลิกองค์ประกอบนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set On Click Open Link Action(action)
ตั้งค่าการดําเนินการที่เปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อต้องสร้าง URL หรือเมื่อต้องดําเนินการอื่นๆ นอกเหนือจากการสร้างออบเจ็กต์ Open
ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก set
, set
, set
, set
หรือ set
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ Action
ที่กําหนดค่าโดยใช้ Action
// ... const action = CardService.newAction().setFunctionName('openLinkCallback'); CardService.newTextButton() .setText('Open Link') .setOnClickOpenLinkAction(action); // ... function openLinkCallback() { return CardService.newActionResponseBuilder() .setOpenLink(CardService.newOpenLink().setUrl('https://www.google.com')) .build(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | ออบเจ็กต์ที่ระบุการดำเนินการเปิดลิงก์ที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Open Link(openLink)
ตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อทราบ URL อยู่แล้วและต้องการเปิดเท่านั้น ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก set
,
set
, set
, set
หรือ set
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
open | Open | ออบเจ็กต์ Open ที่อธิบาย URL ที่จะเปิด |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Overflow Menu(menu)
ตั้งค่าให้เมนูป๊อปอัปเปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ แต่ละรายการในเมนูสามารถระบุการดำเนินการที่จะทริกเกอร์เมื่อมีการคลิก ระบบไม่รองรับเมนูที่ซ้อนกัน การดำเนินการสำหรับรายการในเมนูไม่ควรระบุเมนูรายการเพิ่มเติม
พร้อมใช้งานสำหรับแอป Google Chat อยู่ในเวอร์ชันตัวอย่างสำหรับนักพัฒนาแอปของส่วนเสริม Google Workspace
const overflowMenuItem = CardService.newOverflowMenuItem() .setStartIcon( CardService.newIconImage().setIconUrl( 'https://www.google.com/images/branding/googleg/1x/googleg_standard_color_64dp.png', ), ) .setText('Open Link') .setOpenLink( CardService.newOpenLink().setUrl('https://www.google.com')); const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem).build();
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
menu | Overflow | ออบเจ็กต์ที่ระบุเมนูรายการเพิ่มเติมที่จะแสดงเมื่อมีการคลิกองค์ประกอบนี้ |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Text(text)
ตั้งค่าข้อความที่แสดงบนปุ่ม
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
text | String | ข้อความที่ปรากฏบนปุ่ม |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม
set Text Button Style(textButtonStyle)
ตั้งค่าสไตล์ปุ่ม หากไม่ได้ตั้งค่าไว้ ระบบจะใช้ปุ่ม Text
เป็นค่าเริ่มต้น
const button = CardService.newTextButton() .setText('Filled') .setTextButtonStyle(CardService.TextButtonStyle.FILLED) .setOpenLink(CardService.newOpenLink().setUrl('www.google.com'));
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
text | Text | รูปแบบของปุ่ม |
รีเทิร์น
Text
— ออบเจ็กต์นี้สําหรับการต่อเชื่อม