Se usó la API de Cloud Translation para traducir esta página.

Class Grid

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 los siguientes elementos configurados: setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) o setComposeAction(action, composedEmailType).

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) establecido.

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.