Class Grid

ตารางกริด

ตารางกริดที่จัดระเบียบเพื่อแสดงคอลเล็กชันรายการตารางกริด

พร้อมใช้งานสำหรับส่วนเสริมของ Google Workspace และแอป Google Chat

const grid = CardService.newGrid().setTitle('My Grid').setNumColumns(2).addItem(
    CardService.newGridItem().setTitle('My item'));

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
addItem(gridItem)Gridเพิ่มรายการตารางกริดใหม่ลงในตารางกริด
setAuthorizationAction(action)Gridตั้งค่าการดำเนินการให้สิทธิ์ซึ่งจะเปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์
setBorderStyle(borderStyle)Gridตั้งค่าลักษณะเส้นขอบที่ใช้กับรายการตารางกริดแต่ละรายการ
setComposeAction(action, composedEmailType)Gridตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ
setNumColumns(numColumns)Gridจำนวนคอลัมน์ที่จะแสดงในตารางกริด
setOnClickAction(action)Gridตั้งค่าการทำงานที่จะดำเนินการเมื่อมีการคลิกออบเจ็กต์
setOnClickOpenLinkAction(action)Gridตั้งค่าการทำงานที่จะเปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์
setOpenLink(openLink)Gridตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์
setTitle(title)Gridตั้งค่าข้อความชื่อของตารางกริด

เอกสารประกอบโดยละเอียด

addItem(gridItem)

เพิ่มรายการตารางกริดใหม่ลงในตารางกริด

พารามิเตอร์

ชื่อประเภทคำอธิบาย
gridItemGridItemรายการตารางกริดที่จะเพิ่ม

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setAuthorizationAction(action)

ตั้งค่าการดําเนินการให้สิทธิ์ที่จะเปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์ ซึ่งจะเป็นการเปิด URL ในหน้าต่างใหม่ เมื่อผู้ใช้ทำตามขั้นตอนการให้สิทธิ์เสร็จสิ้นและกลับไปที่แอปพลิเคชันแล้ว ส่วนเสริมจะโหลดซ้ำ

ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

// ...

const action = CardService.newAuthorizationAction().setAuthorizationUrl('url');
CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionAuthorizationActionออบเจ็กต์ที่ระบุการดำเนินการให้สิทธิ์ที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setBorderStyle(borderStyle)

ตั้งค่าลักษณะเส้นขอบที่ใช้กับรายการตารางกริดแต่ละรายการ ค่าเริ่มต้นคือ NO_BORDER

พารามิเตอร์

ชื่อประเภทคำอธิบาย
borderStyleBorderStyleรูปแบบเส้นขอบที่จะใช้

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setComposeAction(action, composedEmailType)

ตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ ออบเจ็กต์ UI หนึ่งๆ ตั้งค่าได้เพียง setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType) เท่านั้น

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ ComposeActionResponse ที่กําหนดค่าโดยใช้ ComposeActionResponseBuilder.setGmailDraft(draft)

// ...

const action = CardService.newAction().setFunctionName('composeEmailCallback');
CardService.newTextButton()
    .setText('Compose Email')
    .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT);

// ...

function composeEmailCallback() {
  const thread = GmailApp.getThreadById(e.threadId);
  const draft = thread.createDraftReply('This is a reply');
  return CardService.newComposeActionResponseBuilder()
      .setGmailDraft(draft)
      .build();
}

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionออบเจ็กต์ที่ระบุการดำเนินการเขียนที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้
composedEmailTypeComposedEmailTypeค่า Enum ที่ระบุว่าข้อความร่างที่เขียนขึ้นเป็นข้อความร่างแบบสแตนด์อโลนหรือแบบตอบ

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setNumColumns(numColumns)

จำนวนคอลัมน์ที่จะแสดงในตาราง หากแสดงในแผงด้านขวา คุณจะแสดงได้ 1-2 คอลัมน์ โดยค่าเริ่มต้นคือ 1 หากแสดงในกล่องโต้ตอบ คุณสามารถแสดง 2-3 คอลัมน์ได้ โดยค่าเริ่มต้นคือ 2

พารามิเตอร์

ชื่อประเภทคำอธิบาย
numColumnsIntegerจำนวนคอลัมน์

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setOnClickAction(action)

ตั้งค่าการทำงานที่จะดำเนินการเมื่อมีการคลิกออบเจ็กต์ ออบเจ็กต์ UI หนึ่งๆ มีการกําหนดค่าได้เพียงค่าเดียวจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ ActionResponse

// ...

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();
}

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionการดำเนินการที่จะทำเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

Grid — ออบเจ็กต์นี้สำหรับการทำสายโซ่


setOnClickOpenLinkAction(action)

ตั้งค่าการดําเนินการที่เปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อต้องสร้าง URL หรือเมื่อคุณต้องการดำเนินการอื่นๆ นอกเหนือจากการสร้างออบเจ็กต์ OpenLink ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่ส่งคืนออบเจ็กต์ ActionResponse ที่กำหนดค่าโดยใช้ ActionResponseBuilder.setOpenLink(openLink)

// ...

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();
}

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionออบเจ็กต์ที่ระบุการดำเนินการเปิดลิงก์ที่จะทำเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


ตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อทราบ URL อยู่แล้วและต้องการเปิดเท่านั้น ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์

ชื่อประเภทคำอธิบาย
openLinkOpenLinkออบเจ็กต์ OpenLink ที่อธิบาย URL ที่จะเปิด

รีเทิร์น

Grid — ออบเจ็กต์นี้สำหรับการทำสายโซ่


setTitle(title)

ตั้งค่าข้อความชื่อของตารางกริด ข้อความต้องเป็นสตริงธรรมดาที่ไม่มีการจัดรูปแบบ

พารามิเตอร์

ชื่อประเภทคำอธิบาย
titleStringข้อความชื่อ

รีเทิร์น

Grid — ออบเจ็กต์นี้สําหรับการต่อเชื่อม