Class Grid

Lưới

Một lưới được sắp xếp để hiển thị một tập hợp các mục trong lưới.

Có sẵn cho các ứng dụng Tiện ích bổ sung của Google Workspace và Google Chat.

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

Phương thức

Phương thức	Loại dữ liệu trả về	Mô tả ngắn
addItem(gridItem)	Grid	Thêm một mục lưới mới vào lưới.
setAuthorizationAction(action)	Grid	Đặt một hành động uỷ quyền mở URL đến quy trình uỷ quyền khi người dùng nhấp vào đối tượng.
setBorderStyle(borderStyle)	Grid	Đặt kiểu đường viền áp dụng cho từng mục trong lưới.
setComposeAction(action, composedEmailType)	Grid	Đặt một thao tác soạn email nháp khi người dùng nhấp vào đối tượng.
setNumColumns(numColumns)	Grid	Số lượng cột cần hiển thị trong lưới.
setOnClickAction(action)	Grid	Đặt một hành động thực thi khi người dùng nhấp vào đối tượng.
setOnClickOpenLinkAction(action)	Grid	Đặt một thao tác mở URL trong thẻ khi đối tượng được nhấp vào.
setOpenLink(openLink)	Grid	Đặt URL sẽ được mở khi đối tượng được nhấp vào.
setTitle(title)	Grid	Đặt văn bản tiêu đề của lưới.

Tài liệu chi tiết

addItem(gridItem)

Thêm một mục lưới mới vào lưới.

Tham số

Tên	Loại	Mô tả
gridItem	GridItem	Mục lưới cần thêm.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setAuthorizationAction(action)

Đặt một hành động uỷ quyền mở URL đến quy trình uỷ quyền khi người dùng nhấp vào đối tượng. Thao tác này sẽ mở URL trong một cửa sổ mới. Khi người dùng hoàn tất quy trình uỷ quyền và quay lại ứng dụng, tiện ích bổ sung sẽ tải lại.

Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) hoặc setComposeAction(action, composedEmailType).

// ...

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

Tham số

Tên	Loại	Mô tả
action	AuthorizationAction	Đối tượng chỉ định hành động uỷ quyền cần thực hiện khi người dùng nhấp vào phần tử này.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setBorderStyle(borderStyle)

Đặt kiểu đường viền áp dụng cho từng mục trong lưới. Giá trị mặc định là NO_BORDER.

Tham số

Tên	Loại	Mô tả
borderStyle	BorderStyle	Kiểu đường viền cần áp dụng.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setComposeAction(action, composedEmailType)

Đặt một thao tác soạn email nháp khi người dùng nhấp vào đối tượng. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) hoặc setComposeAction(action, composedEmailType).

Tham số Action phải chỉ định một hàm gọi lại trả về đối tượng ComposeActionResponse được định cấu hình bằng ComposeActionResponseBuilder.setGmailDraft(draft).

Lưu ý: Phương thức này không đặt thao tác Compose dùng để mở rộng giao diện người dùng Compose. Thay vào đó, phương thức này kết nối phần tử trên giao diện người dùng này với Action soạn thư nháp trong Apps Script được mở trong Gmail khi thao tác hoàn tất.

// ...

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

Tham số

Tên	Loại	Mô tả
action	Action	Đối tượng chỉ định hành động soạn thư cần thực hiện khi nhấp vào phần tử này.
composedEmailType	ComposedEmailType	Giá trị enum chỉ định liệu thư nháp đã soạn là thư độc lập hay thư trả lời.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setNumColumns(numColumns)

Số lượng cột cần hiển thị trong lưới. Nếu hiển thị trong bảng điều khiển bên phải, bạn có thể hiển thị 1-2 cột và giá trị mặc định là 1. Nếu hiển thị trong hộp thoại, bạn có thể hiển thị 2-3 cột và giá trị mặc định là 2.

Tham số

Tên	Loại	Mô tả
numColumns	Integer	Số lượng cột.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setOnClickAction(action)

Đặt một hành động thực thi khi người dùng nhấp vào đối tượng. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) hoặc setComposeAction(action, composedEmailType).

Tham số Action phải chỉ định một hàm callback trả về đối tượng 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();
}

Tham số

Tên	Loại	Mô tả
action	Action	Hành động cần thực hiện khi nhấp vào phần tử này.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setOnClickOpenLinkAction(action)

Đặt một thao tác mở URL trong thẻ khi đối tượng được nhấp vào. Sử dụng hàm này khi cần tạo URL hoặc khi bạn cần thực hiện các thao tác khác ngoài việc tạo đối tượng OpenLink. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) hoặc setComposeAction(action, composedEmailType).

Tham số Action phải chỉ định một hàm gọi lại trả về đối tượng ActionResponse được định cấu hình bằng 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();
}

Tham số

Tên	Loại	Mô tả
action	Action	Đối tượng chỉ định hành động mở đường liên kết cần thực hiện khi người dùng nhấp vào phần tử này.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setOpenLink(openLink)

Đặt URL sẽ được mở khi đối tượng được nhấp vào. Sử dụng hàm này khi URL đã được biết và chỉ cần mở. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) hoặc setComposeAction(action, composedEmailType).

Tham số

Tên	Loại	Mô tả
openLink	OpenLink	Đối tượng OpenLink mô tả URL cần mở.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.

---

setTitle(title)

Đặt văn bản tiêu đề của lưới. Văn bản phải là một chuỗi thuần tuý không có định dạng.

Tham số

Tên	Loại	Mô tả
title	String	Văn bản tiêu đề.

Cầu thủ trả bóng

Grid – Đối tượng này, để tạo chuỗi.