Как построить несколько карт с фотографией и именем (CardHeaders) по вертикали, чтобы показать несколько пользовательских данных?

Question

Я создаю аддон gmail, у меня отображается список пользователей после выполнения http-вызова.Возможным способом было сделать использование CardHeader в гугл скрипте.Может ли кто-нибудь помочь мне, как я могу создать несколько карт на одной странице и показать мои данные в виде списка?Образец кода.Как я могу загрузить несколько карт вместо newCard в моем коде?

function getRedirect(pageId,title){
   var redirectform = CardService.newAction()
        .setFunctionName('redirectCallback')
        .setParameters({page:pageId.toString()});
    var redirectButton = CardService.newTextButton()
    .setText(title)
     .setOnClickAction(redirectform);
   return redirectButton;
}
function redirectCallback(e){
  var pageId = parseInt(e.parameters.page);
   var newCard,redirectBtn;
   if(pageId == 1){
      redirectBtn = getRedirect(2,"Next");
       newCard = CardService.newCardBuilder()
                     .setHeader(CardService.newCardHeader()
                                         .setTitle("Page2"))
                     .addSection(CardService.newCardSection()
                           .addWidget(CardService.newButtonSet()
                                 .addButton(redirectBtn))).build()
   }
    var navigate = CardService.newNavigation().pushCard(newCard);
    return CardService.newActionResponseBuilder()
                       .setNavigation(navigate).build()  
   }

   function buildAddOn() {
      var header = getHeaderSection();
      var body = getBody();
      var submitForm = CardService.newAction()
                                  .setFunctionName('openLinkCallback');
       var submitButton = CardService.newTextButton()
                                     .setText('Open Greatwork')
                                  .setOnClickAction(submitForm);
       var redirectBtn = getRedirectBtn(1,"Next");
       var mainCard = CardService
       .newCardBuilder()
       .addSection(CardService.newCardSection()
      .addWidget(CardService.newButtonSet().addButton(submitButton)))
      .addSection(CardService.newCardSection()             
      .addWidget(CardService.newButtonSet().addButton(redirectBtn)))
      .build();
  return mainCard;
}

Answer 1

Глядя на то, что вы хотите, я бы посоветовал вам использовать карточную навигацию . То, как вы настраиваете свою индивидуальную карту, работает хорошо, и следование инструкциям в примере по этой ссылке может помочь вам создать то, к чему, по вашему мнению, вы работаете.

Ссылка также содержит пояснения по расширенной навигации по карточкам, так что вы можете легко просматривать несколько разных карточек. Здесь - обзор обоих способов навигации по картам.