如何垂直构建带有照片和姓名（CardHeaders）的多张卡片以显示多个用户详细信息？

Question

我正在创建 gmail 插件，在进行一些 http 调用后我显示了用户列表。可能的方法是在 google 脚本中使用 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

看你想要什么，我建议你使用card navigation。您设置个人卡片的方式运作良好，按照 link 示例中的说明可以帮助您创建我认为您正在努力的目标。

link 还提供了高级卡片导航的说明，让您可以轻松浏览多种不同的卡片。 Here 是两种卡片导航方式的概述。

如何垂直构建带有照片和姓名（CardHeaders）的多张卡片以显示多个用户详细信息？

How to build multiple cards with photo and name(CardHeaders) vertically to show multiple user details?

google-apps-script

gmail-addons