Class Grid

Cuadrícula

Una cuadrícula organizada para mostrar una colección de elementos de cuadrícula.

Disponible para los complementos de Google Workspace y las apps de Google Chat.

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

Métodos

Método	Tipo de datos que se muestra	Descripción breve
addItem(gridItem)	Grid	Agrega un nuevo elemento de cuadrícula a la cuadrícula.
setAuthorizationAction(action)	Grid	Establece una acción de autorización que abre una URL al flujo de autorización cuando se hace clic en el objeto.
setBorderStyle(borderStyle)	Grid	Establece el estilo de borde aplicado a cada elemento de la cuadrícula.
setComposeAction(action, composedEmailType)	Grid	Establece una acción que componga un borrador de correo electrónico cuando se haga clic en el objeto.
setNumColumns(numColumns)	Grid	Es la cantidad de columnas que se mostrarán en la cuadrícula.
setOnClickAction(action)	Grid	Establece una acción que se ejecuta cuando se hace clic en el objeto.
setOnClickOpenLinkAction(action)	Grid	Establece una acción que abre una URL en una pestaña cuando se hace clic en el objeto.
setOpenLink(openLink)	Grid	Establece una URL que se abrirá cuando se haga clic en el objeto.
setTitle(title)	Grid	Establece el texto del título de la cuadrícula.

Documentación detallada

addItem(gridItem)

Agrega un nuevo elemento de cuadrícula a la cuadrícula.

Parámetros

Nombre	Tipo	Descripción
gridItem	GridItem	Es el elemento de la cuadrícula que se agregará.

Volver

Grid: Este objeto, para encadenar.

---

setAuthorizationAction(action)

Establece una acción de autorización que abre una URL al flujo de autorización cuando se hace clic en el objeto. Se abrirá la URL en una ventana nueva. Cuando el usuario finaliza el flujo de autorización y vuelve a la aplicación, se vuelve a cargar el complemento.

Un objeto de IU solo puede tener uno de setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType) establecido.

// ...

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

Parámetros

Nombre	Tipo	Descripción
action	AuthorizationAction	Es el objeto que especifica la acción de autorización que se debe realizar cuando se hace clic en este elemento.

Volver

Grid: Este objeto, para encadenar.

---

setBorderStyle(borderStyle)

Establece el estilo de borde aplicado a cada elemento de la cuadrícula. El valor predeterminado es NO_BORDER.

Parámetros

Nombre	Tipo	Descripción
borderStyle	BorderStyle	Es el estilo de borde que se aplicará.

Volver

Grid: Este objeto, para encadenar.

---

setComposeAction(action, composedEmailType)

Establece una acción que componga un borrador de correo electrónico cuando se haga clic en el objeto. Un objeto de IU solo puede tener uno de setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType) configurado.

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto ComposeActionResponse configurado con ComposeActionResponseBuilder.setGmailDraft(draft).

Nota: Este método no establece una acción de Compose que se use para extender la IU de Compose. En cambio, este método conecta este elemento de la IU a un Action que compone borradores de mensajes en Apps Script que se abren en Gmail cuando se completa la acción.

// ...

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

Parámetros

Nombre	Tipo	Descripción
action	Action	Es el objeto que especifica la acción de composición que se debe realizar cuando se hace clic en este elemento.
composedEmailType	ComposedEmailType	Un valor de enumeración que especifica si el borrador compuesto es independiente o de respuesta.

Volver

Grid: Este objeto, para encadenar.

---

setNumColumns(numColumns)

Es la cantidad de columnas que se mostrarán en la cuadrícula. Si se muestra en el panel lateral derecho, puedes mostrar entre 1 y 2 columnas, y el valor predeterminado es 1. Si se muestra en un diálogo, puedes mostrar de 2 a 3 columnas, y el valor predeterminado es 2.

Parámetros

Nombre	Tipo	Descripción
numColumns	Integer	Es la cantidad de columnas.

Volver

Grid: Este objeto, para encadenar.

---

setOnClickAction(action)

Establece una acción que se ejecuta cuando se hace clic en el objeto. Un objeto de IU solo puede tener uno de setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType) configurado.

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto 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();
}

Parámetros

Nombre	Tipo	Descripción
action	Action	Es la acción que se debe realizar cuando se hace clic en este elemento.

Volver

Grid: Este objeto, para encadenar.

---

setOnClickOpenLinkAction(action)

Establece una acción que abre una URL en una pestaña cuando se hace clic en el objeto. Usa esta función cuando se deba compilar la URL o cuando debas realizar otras acciones además de crear el objeto OpenLink. Un objeto de IU solo puede tener uno de setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType) configurado.

El parámetro Action debe especificar una función de devolución de llamada que muestre un objeto ActionResponse configurado con 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();
}

Parámetros

Nombre	Tipo	Descripción
action	Action	Es el objeto que especifica la acción de abrir vínculo que se debe realizar cuando se hace clic en este elemento.

Volver

Grid: Este objeto, para encadenar.

---

setOpenLink(openLink)

Establece una URL que se abrirá cuando se haga clic en el objeto. Usa esta función cuando ya se conoce la URL y solo se necesita abrirla. Un objeto de IU solo puede tener uno de setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType) configurado.

Parámetros

Nombre	Tipo	Descripción
openLink	OpenLink	Un objeto OpenLink que describe la URL que se abrirá.

Volver

Grid: Este objeto, para encadenar.

---

setTitle(title)

Establece el texto del título de la cuadrícula. El texto debe ser una cadena sin formato.

Parámetros

Nombre	Tipo	Descripción
title	String	Es el texto del título.

Volver

Grid: Este objeto, para encadenar.