Halaman ini diterjemahkan oleh Cloud Translation API.

Class Grid

Petak terorganisir untuk menampilkan koleksi item petak.

Tersedia untuk Add-on Google Workspace dan aplikasi Google Chat.

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

Metode

Metode	Jenis hasil yang ditampilkan	Deskripsi singkat
`addItem(gridItem)`	`Grid`	Menambahkan item petak baru ke petak.
`setAuthorizationAction(action)`	`Grid`	Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik.
`setBorderStyle(borderStyle)`	`Grid`	Menetapkan gaya batas yang diterapkan ke setiap item petak.
`setComposeAction(action, composedEmailType)`	`Grid`	Menetapkan tindakan yang membuat email draf saat objek diklik.
`setNumColumns(numColumns)`	`Grid`	Jumlah kolom yang akan ditampilkan di petak.
`setOnClickAction(action)`	`Grid`	Menetapkan tindakan yang dijalankan saat objek diklik.
`setOnClickOpenLinkAction(action)`	`Grid`	Menetapkan tindakan yang membuka URL di tab saat objek diklik.
`setOpenLink(openLink)`	`Grid`	Menetapkan URL yang akan dibuka saat objek diklik.
`setTitle(title)`	`Grid`	Menetapkan teks judul petak.

Dokumentasi mendetail

`addItem(gridItem)`

Menambahkan item petak baru ke petak.

Parameter

Nama	Jenis	Deskripsi
`gridItem`	`GridItem`	Item petak yang akan ditambahkan.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setAuthorizationAction(action)`

Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik. Tindakan ini akan membuka URL di jendela baru. Ketika pengguna menyelesaikan alur otorisasi dan kembali ke aplikasi, add-on akan dimuat ulang.

Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

// ...

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

Parameter

Nama	Jenis	Deskripsi
`action`	`AuthorizationAction`	Objek yang menentukan tindakan otorisasi yang akan diambil ketika elemen ini diklik.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setBorderStyle(borderStyle)`

Menetapkan gaya batas yang diterapkan ke setiap item petak. Defaultnya adalah NO_BORDER.

Parameter

Nama	Jenis	Deskripsi
`borderStyle`	`BorderStyle`	Gaya batas yang akan diterapkan.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setComposeAction(action, composedEmailType)`

Menetapkan tindakan yang membuat email draf saat objek diklik. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) disetel.

Parameter Action harus menentukan fungsi callback yang menampilkan objek ComposeActionResponse yang dikonfigurasi menggunakan ComposeActionResponseBuilder.setGmailDraft(draft).

Catatan: Metode ini tidak menetapkan tindakan penulisan yang digunakan untuk memperluas UI compose. Namun, metode ini menghubungkan elemen UI ini ke Action yang membuat pesan draf di Apps Script yang dibuka di Gmail setelah tindakan selesai.

// ...

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

// ...

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

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Objek yang menentukan tindakan compose yang akan diambil saat elemen ini diklik.
`composedEmailType`	`ComposedEmailType`	Nilai enum yang menentukan apakah draf yang ditulis merupakan draf mandiri atau balasan.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setNumColumns(numColumns)`

Jumlah kolom yang akan ditampilkan di petak. Jika ditampilkan di panel samping kanan, Anda dapat menampilkan 1-2 kolom dan nilai defaultnya adalah 1. Jika ditampilkan dalam dialog, Anda dapat menampilkan 2-3 kolom dan nilai defaultnya adalah 2.

Parameter

Nama	Jenis	Deskripsi
`numColumns`	`Integer`	Jumlah kolom.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setOnClickAction(action)`

Menetapkan tindakan yang dijalankan saat objek diklik. Objek UI hanya dapat memiliki salah satu setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) ditetapkan.

Parameter Action harus menentukan fungsi callback yang menampilkan objek ActionResponse.

// ...

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

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Tindakan yang akan dilakukan saat elemen ini diklik.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setOnClickOpenLinkAction(action)`

Menetapkan tindakan yang membuka URL di tab saat objek diklik. Gunakan fungsi ini saat URL harus dibuat atau saat Anda perlu melakukan tindakan lain sebagai tambahan untuk membuat objek OpenLink. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) disetel.

Parameter Action harus menentukan fungsi callback yang menampilkan objek ActionResponse yang dikonfigurasi menggunakan ActionResponseBuilder.setOpenLink(openLink).

// ...

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

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Objek yang menetapkan tindakan link terbuka yang akan diambil saat elemen ini diklik.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setOpenLink(openLink)`

Menetapkan URL yang akan dibuka saat objek diklik. Gunakan fungsi ini saat URL sudah diketahui dan hanya perlu dibuka. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) ditetapkan.

Parameter

Nama	Jenis	Deskripsi
`openLink`	`OpenLink`	Objek `OpenLink` yang menjelaskan URL yang akan dibuka.

Pulang pergi

Grid — Objek ini, untuk perantaian.

`setTitle(title)`

Menetapkan teks judul petak. Teks harus berupa string biasa tanpa format.

Parameter

Nama	Jenis	Deskripsi
`title`	`String`	Teks judul.

Pulang pergi

Grid — Objek ini, untuk perantaian.